Changing from click to mouseover

[keller18]

I have a script which swaps pics after a click.
What I'd like to do, though, is make it swap during a mouseover.

How can I amend these commands to do that ?

++ (sets up swap) ++

<SCRIPT LANGUAGE="JavaScript">

<!-- Begin
var aryImages = new Array(2);

aryImages[0]
= "http://www.picup.com/products/gcms/qp2010pic.jpg";
aryImages [1] = "http://www.picup.com/products/gcms/swap_qp2010pic.jpg";
aryImages[2] = "http://www.picup.com/products/gcms/swap2_qp2010pic.jpg";

for (i=0; i < aryImages.length; i++) {
var preload = new Image();
preload.src = aryImages[i];
}

function swap(imgIndex) {
document['imgMain'].src = aryImages[imgIndex];
}
// End -->
</script>


++ (performs swap) ++

<a href="javascript:swap(1)"><img src="http://www.picup.com/products/gcms/swap_qp2010pic.jpg" border="0" width="70" height="30"></a>
&nbsp;

<a href="javascript:swap(2)"><img src="http://www.picup.com/products/gcms/swap2_qp2010pic.jpg" border="0" width="70" height="30"></a>

[JPnyc]

Anyplace it currently reads onclick, change it to onmouseover.

[keller18]

Doesn't, though :(

[Warren86]

var aryImages = new Array(2);

aryImages[0]
= "http://www.picup.com/products/gcms/qp2010pic.jpg";
aryImages [1] = "http://www.picup.com/products/gcms/swap_qp2010pic.jpg";
aryImages[2] = "http://www.picup.com/products/gcms/swap2_qp2010pic.jpg";

for (i=0; i < aryImages.length; i++) {
var preload = new Image();
preload.src = aryImages[i];
}

function swap(imgIndex) {
document['imgMain'].src = aryImages[imgIndex];
}
// End -->
</script>

<img src="http://www.picup.com/products/gcms/swap_qp2010pic.jpg" border="0" width="70" height="30" onmouseover="swap(1)">

<img src="http://www.picup.com/products/gcms/swap2_qp2010pic.jpg" border="0" width="70" height="30" onmouseover="swap(2)">

[JPnyc]

If it didn't say onclick anywhere in the script, or on the page, then it didn't function onclick. You have to specify an event handler for one to fire.

[keller18]

Thanks, Warren86.
That was very helpful.