Slide Show Javascript

About:

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

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



Code
 

<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="http://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>