Is there anyway to do this with an animated gif ... ?

[purbeast0]

I have a menu that basically has a list of 5 items. However, depending which item is highlighted, I want it to do something special for each item. I have 5 seperate .gif files that represent the 5 different states.

Is there anyway I can save this in a .gif file so that it will display a certain frame when the mouse is over a certain position?

Or if not that way, is there a way to do this with CSS mouse over tricks? Like display the initial 1.gif, and then if they move the mouse down to a new item it will then switch to 2.gif in the location 1.gif was, so that it kind of simulates the animation?

This is for a website menu, and I'm trying to stay clear of flash.

 

[purbeast0]

?

 

[Ktulu]

Couldn't you use javascript for this?

 

[So]

Originally posted by: purbeast0
I have a menu that basically has a list of 5 items. However, depending which item is highlighted, I want it to do something special for each item. I have 5 seperate .gif files that represent the 5 different states.

Is there anyway I can save this in a .gif file so that it will display a certain frame when the mouse is over a certain position?

Or if not that way, is there a way to do this with CSS mouse over tricks? Like display the initial 1.gif, and then if they move the mouse down to a new item it will then switch to 2.gif in the location 1.gif was, so that it kind of simulates the animation?

This is for a website menu, and I'm trying to stay clear of flash.

You just want 2 states, one image when nothing is happening and another when it's being hovered over, correct?

 

[QED]

Originally posted by: So

Originally posted by: purbeast0
I have a menu that basically has a list of 5 items. However, depending which item is highlighted, I want it to do something special for each item. I have 5 seperate .gif files that represent the 5 different states.

Is there anyway I can save this in a .gif file so that it will display a certain frame when the mouse is over a certain position?

Or if not that way, is there a way to do this with CSS mouse over tricks? Like display the initial 1.gif, and then if they move the mouse down to a new item it will then switch to 2.gif in the location 1.gif was, so that it kind of simulates the animation?

This is for a website menu, and I'm trying to stay clear of flash.

You just want 2 states, one image when nothing is happening and another when it's being hovered over, correct?

I think he has 5 or more states... one state being nothing is being hovered over, and the remaining being when a particular area is being hovered over.

And to the OP... no you can't do this with an animated gif. But you can easily accomplish this using a little javascript...

 

[purbeast0]

Originally posted by: MathMan

Originally posted by: So

Originally posted by: purbeast0
I have a menu that basically has a list of 5 items. However, depending which item is highlighted, I want it to do something special for each item. I have 5 seperate .gif files that represent the 5 different states.

Is there anyway I can save this in a .gif file so that it will display a certain frame when the mouse is over a certain position?

Or if not that way, is there a way to do this with CSS mouse over tricks? Like display the initial 1.gif, and then if they move the mouse down to a new item it will then switch to 2.gif in the location 1.gif was, so that it kind of simulates the animation?

This is for a website menu, and I'm trying to stay clear of flash.

You just want 2 states, one image when nothing is happening and another when it's being hovered over, correct?

I think he has 5 or more states... one state being nothing is being hovered over, and the remaining being when a particular area is being hovered over.

And to the OP... no you can't do this with an animated gif. But you can easily accomplish this using a little javascript...

What is the java script call I'm looking for to do this so I can search google on it?

and yes you are correct, it's 5 different states, depending on which part of (or none) of the original .gif is being hovered over.