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?
Gif question...
Moderator: General Moderators
Re: Gif question...
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.
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.
Real programmers don't comment their code. If it was hard to write, it should be hard to understand.
-
alex.barylski
- DevNet Evangelist
- Posts: 6267
- Joined: Tue Dec 21, 2004 5:00 pm
- Location: Winnipeg
Re: Gif question...
Just use JS maybe a jQuery plugin or something
Re: Gif question...
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?
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?