How to create image slideshow in html

Question

I wanna make image slideshow on my web  here s my code   lt head gt   lt script type  text javascript  gt      var image1   new Image       image1 src    images pentagg jpg      var image2   new Image       image2 src    images promo jpg   lt  script gt   lt  head gt   lt body gt   lt p gt  lt img src  images pentagg jpg  width  500  height  300  name  slide    gt  lt  p gt       lt script type  text javascript  gt              function slideit                                 var step 1                  document images slide src   eval  image  step   src                   if step lt 2                      step                   else                     step 1                 setTimeout  slideit    2500                            slideit        lt  script gt   lt  body gt    Why it s not working  I ve put image I want in images folder

User · Answer

Instead of writing the code from the scratch you can use jquery plug in. Such plug in can provide many configuration option as well.

Here is the one I most liked.

http://www.zurb.com/playground/orbit-jquery-image-slider

User · Answer

Set var step 1 as global variable by putting it above the function call put semicolons   It  will look like this   lt head gt   lt script type  text javascript  gt  var image1   new Image   image1 src    images pentagg jpg  var image2   new Image   image2 src    images promo jpg   lt  script gt   lt  head gt   lt body gt   lt p gt  lt img src  images pentagg jpg  width  500  height  300  name  slide    gt  lt  p gt   lt script type  text javascript  gt          var step 1          function slideit                         document images slide src   eval  image  step   src                if step lt 2                  step                else                 step 1              setTimeout  slideit    2500                     slideit     lt  script gt   lt  body gt

[javascript] How to create image slideshow in html?

Examples related to javascript

Examples related to slideshow