But! When I want to use it more than once on my website, so that picture 1 changes to picture 2, and when you go over picture number 3 it changes to number 4. It stops working.
I tried the following:
In the head,
<script language="Javascript">
image1=new Image
image1.src="images/Image1.jpg"
image2=new Image
image2.src="images/Image2.png"
</script>
<script language="Javascript">
image3=new Image
image3.src="images/Image3.jpg"
image4=new Image
image4.src="images/Image4.png"
</script>
In two different HTML boxes:
<a onMouseOver="document.picture.src=image2.src" onMouseOut="document.picture.src=image1.src" >
<img name="picture" src="images/Image1.jpg" width="215" height="95" alt="Example" />
</a>
<a onMouseOver="document.picture.src=image4.src" onMouseOut="document.picture.src=image3.src" >
<img name="picture" src="images/Image3.jpg" width="215" height="95" alt="Example" />
</a>
Maybe Eric has a solution?
