Multiple Image Links 2

The image is changed on mouseover, mouseout, mousedown, and mouseup.
The onmouseup image remains until you mouseup on another image.
Each link uses a seperate image for each mouse event


<script type="text/javascript">
<!--
var images = [
["1.gif","2.gif","3.gif","4.gif"],
["5.gif","6.gif","7.gif","8.gif"]
]

var preloadImages=new Array() // preloads images
for (i=0;i<images.length;i++) {
preloadImages[i]=new Image()
preloadImages[i].src=images[i]
}

lastN = null

function mOver(n){

if(lastN != n){
document.images["img"+n].src = images[n][1]
}
}

function mOut(n){
if(lastN != n){
document.images["img"+n].src = images[n][0]
}
}

function mDown(n){
if(lastN != n){
document.images["img"+n].src = images[n][2]
}
}

function mUp(n){
document.images["img"+n].src = images[n][3]
if (lastN != null && lastN != n){
document.images["img"+lastN].src = images[lastN][0]
}
lastN = n
}
// -->
</script>

<h1>Multiple Image Links 2</h1>
The image is changed on mouseover, mouseout, mousedown, and mouseup.<br>
The onmouseup image remains until you mouseup on another image.<br>
Each link uses a seperate image for each mouse event
<P>