Animated gif as rollover

[scruffian]

Hi,

I have been playing with using an animated gif as rollover image. You can see an example on the navigation on the left of this: http://www.scruffian.com/

If you look in firefox it work good but in internet explorer the animated gif only runs on the first rollover.

Which is the correct behaviour and is there anyway to manipulate it?

Thanks for your help
Ben

[HazardTW]

hmm. interesting, in firefox it works like you say, and in IE6 it also works everytime, but just not in IE7.

btw I like that effect, subtle, it took me a minute to realize it WAS animated and not just because I have been staring at the screen for 12 hrs... :)

[scruffian]

thanks!

I was trying to imitate a flash effect but without using flash. I thought it worked quite well, but IE7 is being annoying!

[HazardTW]

Yes it is, I am just getting into web programming and IE7 has been a real pain, java just seems to work as intended in firefox, but IE7 has other ideas.

[WebJoel]

That is really nice! I like the gentleness of the rollover. A nice 'fade-in' effect. You can do that with javascript too, -'delay' the transition, but I think that only delays the start of the rollover, not actually make it transition-in.

I'd punch-up the effect and make the anchors have the same width and the <li> (e.g., "padding:0 15px 0 15px", making the anchor fill-up the <li>), so that the transitioning white roll-over is the same width for all links. :)

[scruffian]

i tried display:block on the links to make all the boxes the same size, but i changed it back to this as i liked it more. each their own i guess.