image slide show

Image slider show

Code:

<html>
<title>Images ImagesSlides</title>
<script language="JavaScript" type="text/javascript">
var imgsSlider = new Array('1.jpg','2.jpg','1.jpg','3.jpg','3.jpg');
var iteration = 0;
var size=4;
    function imageSlider(){  

        if (iteration <=size)
            {  
                iteration ++;
            }else if(iteration>size){
                iteration=0;
            }
     
  // set the image in the slide show.
  document.getElementById("sliders").innerHTML = "<img src=\""+imgsSlider[iteration]+"\" width=200 height=200 >";
  // sleep for two seconds.
  setTimeout("imageSlider()", 2000);  
    }  
</script>
<div id="sliders" />
 <script>imageSlider();</script>
</div>

 
</body>
</html>

_________________
M. S. Rakha, Ph.D.
Queen's University
Canada

Author: DrRakha
Mastermind

Posts: 2715
Have thanks: 74 time

Page 1 of 1

[ 1 post ]

Related Posts to : image slide show
html slide show images -
Show image using before property -
show the locations of clicks on the image -
Show image when click on link -
Show loading image from JQuery -
How to show full resolution image at clicking on thumnail -
Slide UP-Down Chaining -
slide down using JQuery -
java slide not comming up -
Slide automatically-specific speed to a determined position -

Topic Tags

JavaScript Image

Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
All copyrights reserved to codemiles.com 2007-2011
mileX v1.0 designed by codemiles team
Codemiles.com is a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for sites to earn advertising fees by advertising and linking to Amazon.com