Java script slideshow by karan chanana
Download as DOCX, PDF0 likes478 views
The document describes a JavaScript slideshow that displays a series of images. It includes code to: 1) Define arrays to store the image paths and corresponding link URLs. 2) Open a new window or change the current window's location when an image is clicked. 3) Configure the slideshow by specifying the image paths, link URLs, and slideshow speed. 4) Use a timer to automatically change the displayed image after a set time interval.
![JavaScript Slideshow
<script language="JavaScript1.1">
<!--
/*
JavaScript Image slideshow:
By JavaScript Kit (www.javascriptkit.com)
Over 200+ free JavaScript here!
*/
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]
}
}](https://image.slidesharecdn.com/javascriptslideshowkaran-121105032206-phpapp01/85/Java-script-slideshow-by-karan-chanana-1-320.jpg)
![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>
<a href="javascript:gotoshow()"><img src="food1.jpg" name="slide"
border=0 width=300 height=375></a>
<script>
<!--](https://image.slidesharecdn.com/javascriptslideshowkaran-121105032206-phpapp01/85/Java-script-slideshow-by-karan-chanana-2-320.jpg)
![//configure the paths of the images, plus corresponding target links
slideshowimages("food1.jpg","food2.jpg","food3.jpg","food4.jpg","food
5.jpg")
slideshowlinks("http://food.epicurious.com/run/recipe/view?id=13285
","http://food.epicurious.com/run/recipe/view?id=10092","http://food
.epicurious.com/run/recipe/view?id=100975","http://food.epicurious.c
om/run/recipe/view?id=2876","http://food.epicurious.com/run/recipe
/view?id=20010")
//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](https://image.slidesharecdn.com/javascriptslideshowkaran-121105032206-phpapp01/85/Java-script-slideshow-by-karan-chanana-3-320.jpg)
Java script slideshow by karan chanana
- 1. JavaScript Slideshow <script language="JavaScript1.1"> <!-- /* JavaScript Image slideshow: By JavaScript Kit (www.javascriptkit.com) Over 200+ free JavaScript here! */ 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] } }
- 2. 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> <a href="javascript:gotoshow()"><img src="food1.jpg" name="slide" border=0 width=300 height=375></a> <script> <!--
- 3. //configure the paths of the images, plus corresponding target links slideshowimages("food1.jpg","food2.jpg","food3.jpg","food4.jpg","food 5.jpg") slideshowlinks("http://food.epicurious.com/run/recipe/view?id=13285 ","http://food.epicurious.com/run/recipe/view?id=10092","http://food .epicurious.com/run/recipe/view?id=100975","http://food.epicurious.c om/run/recipe/view?id=2876","http://food.epicurious.com/run/recipe /view?id=20010") //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
- 4. setTimeout("slideit()",slideshowspeed) } slideit() //--> </script> <p align="center"><font face="arial" size="-2">This free script provided by</font><br> <font face="arial, helvetica" size="-2"><a href="http://javascriptkit.com">JavaScript Kit</a></font></p>