javascript Swap image function. How to create a rollover with javascript dom.

Advanced search

[John Anderson]

Changing the value of an image with javascript is relatively easy if you take advantage of the document object module. You can change the src attibute of the image take like this:


 In the image tag that you would like to be changed put name attibute like this
  <img src="imagetostart.jpg" name="imagetochage" />

To change this vaule using javascript we will show you using onClick but can obviously be used for another event as well. You can imply reference the attibuite like so:
document.imagetochagne.src='newimage.jpg';

<a href="javascript:;"onClick="document.imagetochagne.src='newimage.jpg';">Text to click[/url]