Slide Show Javascript Software

Free javascript (html) code to create and show your slideshow!
or
Software to create image and photo slide show in html pages?

Features

This free java script code will create image, picture slide show.
You can use images in any different directories as slideshow pictures.
Options to go to next, previous, start and end images.
Just copy the code in to your page and use it to show your photos as slides.

Preview

Start

End

©H

Downloads

<script type="text/javascript">
var width = 250;
var height = 100;
var imgAr1 = new Array();
var rImg1 = new Array();
imgAr1[0] = "dir1/image-1.jpg";
imgAr1[1] = "dir1/image-2.jpg";
</script>
<table cellpadding=0 cellspacing=0><tr><td style="border: 2px ridge red;">
<img id=pic border=0>
</td></tr>
<tr><td>
<table width=100% style="border: 2px ridge red; font-size: 13px; font-family: verdana, arial;">
<td align=center><a style="color: blue; cursor:pointer;" onclick="start()">Start</a></td>
<td align=center><a style="color: blue; cursor:pointer;" onclick="slideshow()">Next</a></td>
<td align=center><a style="color: blue; cursor:pointer;" onclick="prev()">Prev</a></td>
<td align=center><a style="color: blue; cursor:pointer;" onclick="end()">End</a></td>
<td align=center><a href="https://www.hscripts.com" style="color: blue; text-decoration: none;
cursor:ponter; font-size: 13px;">©H</a></td>
</tr></table>
</td></tr></table>
<script type="text/javascript">
for(var j = 0; j < imgAr1.length; j++)
{rImg1[j] = new Image();
rImg1[j].src = imgAr1[j];
}
document.onload = setting();
var slide;
function setting()
{slide = document.getElementById('pic');slide.src = imgAr1[0];slide.setAttribute("width",width);slide.setAttribute("height",height);
}
//Image or picture slide show using java script
//slideshow function
var picture = 0;
function slideshow(){if(picture < imgAr1.length-1){picture=picture+1;slide.src = imgAr1[picture];}
}
function prev(){if(picture > 0 ){picture=picture-1;slide.src = imgAr1[picture];}
}
function start(){slide.src = imgAr1[0];picture = 0;
}
function end(){slide.src = imgAr1[imgAr1.length-1];picture = imgAr1.length-1
}
</script>

Release Date - 16-08-2005
Get free version without ©copyright link for just $10/-
For customization of this script or any script development, mail to support@hscripts.com

Usage

To change the size of the slide show, go to the line

 var width = 250;  
 var height = 100;

and change to value of height and width to any pixel size yo want.
To set images for slideshow. Go to the line

 imgAr1[0] = "dir1/image-1.jpg";
 imgAr1[1] = "dir1/image-2.jpg";

Replace the values "dir1/image-1.jpg" and "dir1/image-2.jpg" to the path of your pictures.
You can add any number of photo in to the array. To add one more pictureimgAr1[2] = "dir1/image-3.jpg"; more image can be added as imgAr1[3], imgAr1[4], imgAr1[5], so on....