Closed Thread Icon

Topic awaiting preservation: NS6 handles animated gif oddly on rollover Pages that link to <a href="https://ozoneasylum.com/backlink?for=7932" title="Pages that link to Topic awaiting preservation: NS6 handles animated gif oddly on rollover" rel="nofollow" >Topic awaiting preservation: NS6 handles animated gif oddly on rollover\

 
Author Thread
Perfect Thunder
Paranoid (IV) Inmate

From: Milwaukee
Insane since: Oct 2001

posted posted 11-14-2001 07:59

I've got a site where all the rollovers work like this:

When the page first loads, the "normal" image loads. In this case, it's just a text link.

On mouseOver, I use a image.src='new source' (this is pseudocode, but you know what I mean) to change the normal image to an animate-once GIF. The animation is of a colored panel sliding in behind the link text.

On mouseOut, the image.src changes to another animation, this time of the colored panel sliding back off the screen.

After allowing enough time for the animation to run, a timer turns the "slide-off" image back to the "normal" image.

The result is that when you hover, an animated element slides into the screen; when you mouse off, the element slides back off. Simple, right? And it works like I expect in IE and Opera.

Now, in Netscape 6, the gif animation is not running every time the image.src changes. Instead, it's running just once, ever. If I mouse over a link again, I only see the last frame of the intended animation.

I'd be pretty crushed if I learned that this was how animate-once GIFs are supposed to work. I was hoping that I'd found a simple, non-Flash, non-dHTML-intensive way of doing this simple slide-on-slide-off effect.

If you have a strong stomach, take a look at the site. But please please please ignore the Flash intro, it's frighteningly bad, I had nothing to do with it. Same with the popup Flash navigation that occurs if you click the "band" link.

<edit>Also note that some of my JavaScript is clean and elegant, and I'm proud of it, and then some of it is just barely good enough to work, because I'm under a time limit, and I'm getting paid half a pittance for this entire site. If you see an actual error, please warn me.</edit>

The site's very nearly done, and if I got a serious critique on it right now, I'd just feel helpless, since it's got client signoff and it's going live in a few days. Once it's completely out of my hands, I'll post it in Site Reviews and encourage a full feeding frenzy.



[This message has been edited by Perfect Thunder (edited 11-14-2001).]

RoyW
Bipolar (III) Inmate

From:
Insane since: Aug 2001

posted posted 11-14-2001 20:26

Hi,
Sounds like a pre-cached image problem.
I have been using animated rollovers on my personal home site (using JavaScript) for over 2 years now and have answered this question (and similar) so many times now I have a web page to explain it.
I must admit. I had not seen this happening much in NS6 and thought it was limited to NS4.

See if this explanation helps
Animated Rollover Using GIFs

Perfect Thunder
Paranoid (IV) Inmate

From: Milwaukee
Insane since: Oct 2001

posted posted 11-14-2001 22:49

Hmm... yeah, that answers my question pretty well. If I have some spare time, maybe I'll go back and retrofit all the gifs.

« BackwardsOnwards »

Show Forum Drop Down Menu