I know I am soo close but I just can't figure this out. I would like it to pause on mouseover and then resume when the mouse is moved away. I took out the site specific information - I have the full addresses and image names in the real code. The rotating images portion works without issue.
Is this the correct code? Where do I put it?
onmouseover="slideshowimages.pause(0)" onmouseout="slideshowimages.resume(0)"
Here's my header code
<script language="JavaScript1.1">
var slideimages=new Array()
var slidelinks=new Array()
function slideshowimages(){
for (i=0;i<slideshowimages.arguments.length;i++){
slideimages[i]=new Image()
slideimages[i].src=slideshowimages.arguments[i]
}
}
function slideshowlinks(){
for (i=0;i<slideshowlinks.arguments.length;i++)
slidelinks[i]=slideshowlinks.arguments[i]
}
function gotoshow(){
window.location=slidelinks[whichlink]
}
</script>
And the body code
<script>
slideshowimages("graphic.jpg","chaos.jpg","princip als.jpg", "about.jpg", "know.jpg")
slideshowlinks("graphic.html","logo.html","leaders hip.html","about.html","know.html")
var slideshowspeed=3000
var whichlink=0
var whichimage=0
function slideit(){
if (!document.images)
return
document.images.slide.src=slideimages[whichimage].src
whichlink=whichimage
if (whichimage<slideimages.length-1)
whichimage++
else
whichimage=0
setTimeout("slideit()",slideshowspeed)
}
slideit()
</script>
