Javascript / Image Effects / Image SlideShow
Snippet details
ID: 475
Viewed: 1757
Added: 2002-08-22
Version:
Sorry no demo
Pretty neat little script. This will showimages you have in the script and make it slide (show) form one pic to the next. Easy to setup and gfet running.
**Change the speed of the slide with this variable**
var slideshowspeed=2000
Browsers: IE5+, NS6+, NS4.xx, Opera6+, Mozilla1+
If you are the author of this script than just email the webmaster adn he will be glad to take it off or update it showing you as the author.
**Change the speed of the slide with this variable**
var slideshowspeed=2000
Browsers: IE5+, NS6+, NS4.xx, Opera6+, Mozilla1+
If you are the author of this script than just email the webmaster adn he will be glad to take it off or update it showing you as the author.
General Details
Snippet uploaded by: snippet
Email : webmaster@snippetlibrary.com
Snippet By: Unknown
<!---Head--->
<script language="JavaScript1.1">
<!--
var slideimages=new Array()
var slidelinks=new Array()
function slideshowimages(){
for (i=0;i<slideshowimages.arguments.length;i++){
slideimages[i]=new Image()
slideimages[i].src=slideshowimages.arguments[i]
}
}
function slideshowlinks(){
for (i=0;i<slideshowlinks.arguments.length;i++)
slidelinks[i]=slideshowlinks.arguments[i]
}
function gotoshow(){
if (!window.winslide||winslide.closed)
winslide=window.open(slidelinks[whichlink])
else
winslide.location=slidelinks[whichlink]
winslide.focus()
}
//-->
</script>
<!---Body--->
<a href="javascript:gotoshow()" target="_blank"><img src="images/image1.jpg" name="slide"
border=0 width=200 height=150></a>
<script>
<!--
//configure the paths of the images, plus corresponding target links
slideshowimages("images/image1.jpg","images/image2.jpg","images/image3.jpg")
slideshowlinks("http://www.yoursite.com","http://www.yoursite.com","http://www.yoursite.com")
//configure the speed of the slideshow, in miliseconds
var slideshowspeed=2000
var whichlink=0
var whichimage=0
function slideit(){
if (!document.images)
return
document.images.slide.src=slideimages[whichimage].src
whichlink=whichimage
if (whichimage<slideimages.length-1)
whichimage++
else
whichimage=0
setTimeout("slideit()",slideshowspeed)
}
slideit()
//-->
</script>
Subject: Using the Slideshow
Comment By: Terence Everett on Thu 16th of March 2006 10:13:44 PM
It work as expected except for the link. Clicking on the picture does not move the user to the designated URL
