PDA

View Full Version : Mouse Over



Eletricfrog
11-19-2008, 03:52 AM
Hi All:

I am curious to know if there is a code for when someone moves their mouse over a link graphic it will shine or enlarge.
Thanks,
eletricfrog

traq
11-19-2008, 04:31 AM
you have to make two images: the regular image, and the "mouseover" image. for example:


<img src="image.jpg" onmouseover="src='shinyimage.jpg'" onmouseout="src='image.jpg'">

If you don't put the "onmouseout" attribute, then the image won't change back to its original state. you could put a third image there.

Eletricfrog
11-22-2008, 03:04 PM
Thank you so much

Schmoopy
11-22-2008, 04:09 PM
This can also be achieved through CSS. You can make one image, and then make the position of the background change on rollover. This is a much better way to do some rollovers as it means there is no pre loading of the mouseover image and also means people who have JavaScript disabled can also view the rollover.