Image Slideshow Script
Easy Slideshow script that preloads images one at a time, while the preceding image is being shown. This Free javascript (html) code is used to turn any number of images, into one cool slide show.
Features
- Create Slideshow using any number of images.
- Auto Slide - Reloads only images not page.
- You can easily customize the duration of the image show.
- Create any number of slide shows in one single page.
- Simple and Easy to configure.
Preview
Downloads
Javascript Code<!--Script by hscripts.com-->
<!-- more scripts @ https://www.hscripts.com -->
<script type="text/javascript">
var slideimages=new Array()
function slideshowimages()
{
for (i=0;i<slideshowimages.arguments.length;i++)
{
slideimages[i]=new Image()
slideimages[i].src=slideshowimages.arguments[i]
}
}
</script>
<!-- more scripts @ https://www.hscripts.com -->
<script type="text/javascript">
var slideimages=new Array()
function slideshowimages()
{
for (i=0;i<slideshowimages.arguments.length;i++)
{
slideimages[i]=new Image()
slideimages[i].src=slideshowimages.arguments[i]
}
}
</script>
HTML Code
<img src="hslide-show-image/1.jpg" alt="Slideshow Image Script" title="Slideshow Image Script" name="slide" border=0 width=200 height=200><a href="https://www.hscripts.com" style="text-decoration:none;cursor:pointer;font-size:12px;color:green;">H</a>
<script type="text/javascript">
slideshowimages("hslide-show-image/1.jpg","hslide-show-image/2.jpg","hslide-show-image/3.jpg")
var slideshowspeed=2000
var whichimage=0
function slideit()
{
if (!document.images)
return
document.images.slide.src=slideimages[whichimage].src
if (whichimage<slideimages.length-1)
whichimage++
else
whichimage=0
setTimeout("slideit()",slideshowspeed)
}
slideit()
</script>
<!-- Script by hscripts.com -->
<script type="text/javascript">
slideshowimages("hslide-show-image/1.jpg","hslide-show-image/2.jpg","hslide-show-image/3.jpg")
var slideshowspeed=2000
var whichimage=0
function slideit()
{
if (!document.images)
return
document.images.slide.src=slideimages[whichimage].src
if (whichimage<slideimages.length-1)
whichimage++
else
whichimage=0
setTimeout("slideit()",slideshowspeed)
}
slideit()
</script>
<!-- Script by hscripts.com -->
- Release Date - 18-09-2009
- Get free version without ©copyright link for just $10/-
- For customization of this script or any script development, mail to support@hscripts.com
Usage
- Download and unzip hslide-show-image.zip. Extract files and execute slideshow-image.html file. or
- Copy and paste the javascript code into your HTML page and save image into your folder.
- You can change the speed of the image slide show using "slideshowspeed" variable
eg., var slideshowspeed=2000; //change as you wish
License
- Click Here for detailed license information.
