Rollover using JS

**ankur0412** · 12-15-2009 04:18 AM

Is there a way of implementing roll over images using javascript....?

**Zoli** · 03-20-2010 02:49 PM

When you would like to change the displayed image roll over you may use this function

HTML Code:

<img src="1.jpg" onmouseover="this.src='2.jpg'" alt="" />

**2WDH.com** · 04-01-2010 06:16 AM

Follow-up to Zoli's reply:
Probably you would need to add the onmouseout to change back your image to the original source. I.e.:

HTML Code:

<img src="1.jpg" onmouseover="this.src='2.jpg'" onmouseout="this.src='1.jpg'" alt="" />

**razet93** · 08-28-2010 01:11 AM

Originally Posted by 2WDH.com

Follow-up to Zoli's reply:
Probably you would need to add the onmouseout to change back your image to the original source. I.e.:

HTML Code:

<img src="1.jpg" onmouseover="this.src='2.jpg'" onmouseout="this.src='1.jpg'" alt="" />

Thanks for this code. It is helpful for me also...

**joe12joe** · 02-11-2011 05:08 AM

You would need to paste the following code in <HEAD></HEAD> tags.

After that you can use this code in <BODY></BODY> tags

I hope, it will be helpful for you.

Featured Resources