Steps to implement my slideshow:
1: Link to the JS
2: Edit the variables in mariosSlide.js
var divName = "slideShowDiv"; // name of the div in html var numSlides = 10; // Number of slides in the slideshow var pauseTime = 6000; // Pause time between slides var imagesPath = "http://marioedgar.com/slideshow/mariosSlide/"; - URL to the directory all your images are located. All images must be names 1, 2, 3, 4... etc var imageType = ".jpg"; // Type of images var slideShowWidth = 1000; // width of slideshow var slideShowHeight = 532; // height of slideshow var loaderName = "loader.gif"; // name of loader gif (optional) var loaderWidth = 32; // width of loader var loaderHeight = 32; // height of loader var navigationButtons = true; // If you would like to enable navigation buttons
3: Add the html markup
4. Your done… Easy yeah?
Check out my example here (I made the images way large so you can see the image pre-loading in action): http://marioedgar.com/slideshow/