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 Next Prev End ©H

Downloads



<!--Script by hscripts.com-->
<!-- more scripts @ http://www.hscripts.com -->
<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;">&copy;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>
<!-- Script by hscripts.com -->

  • Release Date - 16-08-2005
  • Get free version without ©copyright link for just $5/-
  • 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....

License

  • The javascript (misspelled as java script) is given under GPL License.
  • i.e. Free use for those who use it as it is.
  • Free, if your modification does not remove our copyright information and links.
  • Detailed License information can be found here.
  • You can purchase the script if your requirements does not meet GPL License terms.

Related Scripts

Free Javascript Scripts