Slide Show Javascript Software

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


  • 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.


Start Next Prev End ©H


<!--Script by>
<!-- more scripts @ -->
<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";
<table cellpadding=0 cellspacing=0><tr><td style="border: 2px ridge red;">
<img id=pic border=0>
<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="" style="color: blue; text-decoration: none;
cursor:ponter; font-size: 13px;">&copy;H</a></td>
<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 by -->

  • 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


  • 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....


Related Scripts

Free Javascript Scripts

Ask Questions

Ask Question