Hi

 

I was wondering if it was possible to have background images that are swapped using the a:hover css attribute can be faded in and out? (I assume javascript will come into it).

 

I use background images for a and a:hover all the time as its a great effect, but it just occured to me I could make it even better if I could fade the :hover image in and out but dont know how.

 

Thanks

I was wondering if it was possible to have background images that are swapped using the a:hover css attribute can be faded in and out? (I assume javascript will come into it).

 

You are right bro if you need this kind of effects then javascript will come into action.

 

But there is another simple way to make the hover image fade in and out, just use an animated gif image in the a:hover background and you will have it.

Hi

 

I was wondering if it was possible to have background images that are swapped using the a:hover css attribute can be faded in and out? (I assume javascript will come into it).

 

I use background images for a and a:hover all the time as its a great effect, but it just occured to me I could make it even better if I could fade the :hover image in and out but dont know how.

 

Thanks

 

Assuming your au fait with CSS rollovers then you could get the fade by using an animated gif for the hover state perhaps?

 

Just don't loop it else you'd drive everyone mad.

 

Thats an interesting idea. I've never made animaged GIFs can Photoshop do that?

 

One drawback though, some background images are photos so a GIF would lose the photo quality due to lack of colour.

Thats an interesting idea. I've never made animaged GIFs can Photoshop do that?

 

One drawback though, some background images are photos so a GIF would lose the photo quality due to lack of colour.

 

For animating GIFs you have to use Adobe Imageready and when you export it make it 256colors so that there is no color loss.

Adobe Photoshop (CS3) can do animated gifs — amongst other cool stuff (basic 3d rendering!).