Hover over Images

JuniorOnline · #1 (**permalink**) 03-29-2006, 05:25 AM

Hi there,

what can I use in CSS for a hover over effect for images? I am aware I do need 2 images for this to work. but where can i find a good, simple code to use?

many thanks
T

speed · #2 (**permalink**) 03-30-2006, 04:05 AM

If you look at the source code of http://stuff.tolranet.co.uk/css/roll/ it has a rollover image for links, which default to text links when CSS is unavailable.

Hope that helps.

Faglork · #3 (**permalink**) 03-30-2006, 07:42 AM

The :hover pseudo-class (e.g. img:hover) is supposed to do this. But guess which browser does not understand this? Right.

Only solution would be to put the image into an anchor element, since IE supports only a:hover.

Or, if you want/need to address more compatibility issues, use Dean Edwards' IE7 script.

You are asking where to find code? Try this:
http://www.google.com/search?hl=en&q=image+rollover+css
Google is your friend ;-)

hth,
faglork