Page 1 of 1

Gif question...

Posted: Thu Aug 20, 2009 2:18 pm
by Wolf_22
I have some links in my header of my website that I'm trying to make more attractive by using a tiny gif file that adds visual affect. This gif file is supposed to work like this:

When the user hovers over the image and or link, the image is supposed to display a motion after which the remaining 2 layers of the gif image are supposed to repeat. Keep in mind that the final moment which the mouse remains hovered over the image, it is not in :active mode, but still, in :hover mode.

Can this be done? Have a gif that has only 2 or so images within the entire gif file only repeat while the others are cycled through only once?

Re: Gif question...

Posted: Thu Aug 20, 2009 3:17 pm
by pickle
I've never heard of that being done. I'm pretty sure it can't be.

You might be able to split it up into 2 images. Have one GIF with the frames that only cycle once - include that in the page as a simple image Have the last frame of that animation be all transparent - so it looks like it disappears.. Have a second GIF that consists of the frames that cycle repeatedly. Put that as a background-image in the cells.

If it works, you'd see the <img> cycle through it's frames, then you'd see the background-image.

Re: Gif question...

Posted: Thu Aug 20, 2009 4:56 pm
by alex.barylski
Just use JS maybe a jQuery plugin or something

Re: Gif question...

Posted: Thu Aug 20, 2009 5:10 pm
by Wolf_22
I never considered the image idea pickle. That might work with this. The overlying shapes would definitely go together (I think), but since I have to subtly position the CSS background image a bit to the right and from the top, I'm not sure. I'll have to poke around with it--but thanks for that idea. :)

Care to elaborate on that PCSpectra? I'm not too sharp on the jquery stuff, so would you mind going a bit further with that or give me a link to a website that notes something similar?