Javascript Slideshow Tutorial




Javascript Slideshow made using HTML, Javascript, and Notepad++.

Slideshow with fade-in effects:
http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm

Original source


34 responses to “Javascript Slideshow Tutorial”

  1. Where do I save every image?! I have three images and I saved it in a separate folder and put it in my desktop. I put the code in that folder too. Do I need to change anything with the code?! Thank you so much :))

  2. Hey, this worked for me but I want to put it on my homepage, I did the code in a separate page. When I copy it over to the homepage I can't seem to centre it on the page to flow with the rest of the page, any suggestions? 

  3. Do you mean going to 3 then back to 1? (1,2,3,2,1)

    If this is what you meant then you would simply have one more variable that keeps track of your order, if the slides are going 3 to 1 then pic– or if slides are going 1 to 3 pic++.

  4. The pictures must be in the same folder as your html file OR in a folder specified in the code.. for example:

    images/pic1.png

    Your image "pic1.png" is in the images folder. The images folder is in the same folder as your html document.

Leave a Reply