Forum Moderators: coopster
<html>
<head>
<title>slideshow<title>
<script language="JavaScript">
var present_slide=0;
var images = new Array(''http://www.anyserver/image//2435.jpg'',
''http://www.anyserver/image//2436.jpg'',
''http://www.anyserver/image//2437.jpg'',
''http://www.anyserver/image//2438.jpg'',
''http://www.anyserver/image//2439.jpg'',
''http://www.anyserver/image//2440.jpg'',
''http://www.anyserver/image//2441.jpg'',
''http://www.anyserver/image//2442.jpg'');
objImage = new Image();
function download(img_src){
// preload the image file
objImage.src=images[img_src];
}
function displaynext(shift){
present_slide=present_slide + shift;
if(images.length > present_slide && present_slide >= 0){
document.images[''im''].src = images[present_slide];
var next_slide=present_slide + 1;
download(next_slide); // Download the next image
}
if(present_slide+1 >= images.length ){
document.f1.Next.style.visibility = "hidden";
present_slide=images.length-1;
}else{document.f1.Next.style.visibility = "visible";}
if(present_slide<=0 ){
document.f1.Prev.style.visibility = "hidden";
present_slide=0;
}else{
document.f1.Prev.style.visibility = "visible";}
}
</script>
</head>
<body onLoad="displaynext(0)">
<form name="f1" method=post action=''''>
<img name="im" ></a><br>
<input type="button" name="Prev" value=" << " onClick="displaynext(-1);">
<input type="button" name="Next" value=" >> " onClick="displaynext(1);">
</form>
</body>
</html>
[edited by: eelixduppy at 3:06 pm (utc) on July 22, 2008]
[edit reason] linked up [/edit]