I'm making a website for my brother and his lawn company for a little extra dough and some practice. I wanted to make a javascript picture slideshow of some of the lawns he has done. I tried experimenting with some stuff and i tried to use this.
<script type="text.javascript">
var image1=new image();
image1.src="s11.jpg";
var image2=new image();
image2.src="s12.jpg";
var image3=new image();
image3.src="s13.jpg";
</script>
<img src="s11.jpg" name="slide">
<script type="text/javascript">
//variable that will increment through the images
var step=1;
function slideit(){
//if browser does not support the image object, exit.
if (!document.images);
return;
document.images.slide.src=eval("image"+step+".src" );
if (step<3)
step++;
else;
step=1;
//call function "slideit()" every 2.5 seconds
setTimeout("slideit()",2500);
}
slideit();
</script>
It does show the first image, but it doesnt change to the next 2. If anyone could help me out I would appreciate it

.