how can i use setInterval()
to make a slideshow of images with the code i have now that only has thumbnails that display in one big div(larger pic of the thumbnail) when the thumbnail gets hovered over.(onmouseover)
this is the javascript function.: how can iuse set interval to make the images display every 5 seconds(in order)(change display)? javascript code::
function OnMouseOverMainImage(image, mainImage)
{
mainImage.src = image.src;
jsLastMainImage = image.src;
}
}
<span id="thumb">
<img src="small1.png" width="10" height="10" style="border: 0px;" onMouseOver="OnMouseOverMainImage(this,ctrl);changeme('box', 'show');" onclick="changeme('thumb', 'hide');"> <img src="image2.png" width="10" height="10" style="border:0px;" onmouseover="OnMouseOverMainImage(this,ctrl);changeme('box', 'show');" onclick="changeme('thumb', 'hide');"></span>
<br>
<div id="box" style="width:auto; height:auto;text-align:center">
<img id="ctrl" onclick="changeme('box', 'hide');" onmouseover="OnMainImageCtrlMouseOver(this,1)" onmouseout="OnMainImageCtrlOnMouseOut(this)" onmousemove="OnMainImageCtrlOnMouseMove(this,event)" src="noimage.png" style="border: 0px;">
</div>