<html>
<head>
<title>Animals</title>
<script language = "JavaScript">
numimg=0
imgslide=new Array ()
imgslide[0]=new Image ()
imgslide[1]=new Image ()
imgslide[2]=new Image ()
imgslide[3]=new Image ()
imgslide[4]=new Image ()
imgslide[5]=new Image ()
imgslide[0]="imgslide/fox.jpg"
imgslide[1]="imgslide/1028.jpg"
imgslide[2]="imgslide/hourse.jpg"
imgslide[3]="imgslide/Indian-elephant-2.jpg"
imgslide[4]="imgslide/mishka.jpg"
imgslide[5]="imgslide/fox.jpg"
var timer;
var i = 1000;
var t = 2000;
var speed = 1000;
function dem(n)
{
if (n==1)
{ numimg++
if (numimg==6)
numimg=0;
}
else
{numimg--
if (numimg== -1)
numimg=5;
}
document.images[0].src=imgslide[numimg]
}
function anumslides()
{
clearInterval(timer);
(document.images[0].src=imgslide[numimg])
{numimg++}
if(numimg>5)
{numimg=0;}
timer = setInterval("anumslides()",speed);
}
function stopSlideShow(){
clearInterval(timer);
}
function faster()
{
speed -= 100;
}
function slower()
{
speed += 100;
}
</script>
</head>
<body align="center">
<h1>Animals</h1>
<input type=button value=Back onClick="dem(0)">
<img name="tmuna" src = "imgslide/fox.jpg" width="400" height="300">
<input type=button value=Next onClick="dem(1)"><br>
<input type=button value=Start onClick="anumslides()"><br><br>
<input type=button value=Stop onClick="stopSlideShow()"> <br><br>
<input type=button value=Faster onClick="faster()">
<input type=button value=Slower onClick="slower()">
</body>
</html>