// JavaScript Document // slideshow.js // Created by Ted Rader // Version: 1.0.0 // Free to use, distribute, blah blah blah // No warranty implied or expressed - use at your own risk // // Tested in Internet Explorer 6, Firefox 1.5.0.4, and Opera 9 // // Future functionality planned: // ability to click on image to view hi-res image in new window; // optional scaling of images to fit parent container's existing boundaries // // Usage: // Step 1) create an array to hold your images (and optional description text) // note: array can be named whatever you want, but must start at [0] // and have the following structure: // // var picArray = new Array; // must be global or within the same scope and before initSlideShow() // // picArray[0] = new Image; // picArray[0].src = "pic1.jpg"; // picArray[0].desc = "Some description text"; // desc is optional, and will also be used as ALT text for the image // // picArray[1] = new Image; // picArray[1].src = "pic2.jpg"; // picArray[1].desc = "Some description text"; // // picArray[2] = new Image; // picArray[2].src = "pic3.jpg"; // picArray[2].desc = "Some description text"; // // // Step 2) if you plan on using optional image buttons instead of HTML buttons, create an // array to hold the images, including optional mouseover and disabled images; // Note: array must have ["prev"] and ["next"] sub-arrays, and, at a minimum, must // have the ".normal" declarations for both sub-arrays // // var btnArray = new Array; // must be global or within the same scope and before initSlideShow() // // btnArray["prev"] = new Array; // // btnArray["prev"].normal = new Image; // btnArray["prev"].normal.src = "btn_prev_normal.gif"; // // btnArray["prev"].hover = new Image; // if "mouseover" image isn't included, will use "normal" instead // btnArray["prev"].hover.src = "btn_prev_over.gif"; // // btnArray["prev"].disabled = new Image; // if "disabled" image isn't include, will use "normal" instead // btnArray["prev"].disabled.src = "btn_prev_disabled.gif"; // // btnArray["next"] = new Array; // // btnArray["next"].normal = new Image; // btnArray["next"].normal.src = "btn_next_normal.gif"; // // btnArray["next"].hover = new Image; // btnArray["next"].hover.src = "btn_next_over.gif"; // // btnArray["next"].disabled = new Image; // btnArray["next"].disabled.src = "btn_next_disabled.gif"; // // // Step 3) initialize the slideshow with image array, optional button image // array, element ids for where to place slideshow outputs, etc. // NOTE: you must not run initSlideShow() before the page has loaded! Either // run it "onload" or place it within