//---------------------------------------- // NAME OF SCRIPT: ELECTRIC SLIDE v1.2 | // AUTHOR : Carolyn Brown Ray | // CREATED : October 25, 2005 | // LAST MODIFIED : November 2, 2005 | // FILENAME : slideShowItems.js | //-------------------------------------------------------------------- // DESCRIPTION: // Multi-category slideshow allows each image its own caption, url link, // alt text. Can be placed horizontally or vertically according to // configuration. Images can be changed manually or set to change // automatically according to number of seconds elapsed. // // CONFIGURATION OPTIONS: // caption: font family, size & color: setFontStyle() // each category: initSlideShow.setSize(imageWidth, imageHeight, // captionWidth, captionHeight) // each image: image src, href link, alt text, caption text, // slideShowItems.new Slide() // orientation: setHorizontal(boolean) // order: setCaptionFirst(boolean) // # spacing between image & caption: initSlideShow.setSpacing //-------------------------------------------------------------------- // SUMMARY: // Images are divided into categories. Each category is placed // column-wise, from left to right, OR by row, up to down. // Images are loaded at a random point in each category. // When a user mouses over an image, the image's caption is displayed. // On mouse-out, the caption disappears // When a user clicks the image, the user is taken to the specific URL // for that image. // When the user clicks "Change Image" such that that switchImage() // function is called, the next image for each category is displayed. // Slideshow can be configured so that images change automatically. // The appropriate captions and URL links are also available. // -------------------------------------------------------------------- //---------------------------------------- //SLIDE CATEGORY ARRAY: //MAINTENANCE: modify and/or add category names here //---------------------------------------- var categoryArray = new Array ( "campus" ); for (var j=0; j < categoryArray.length; j++) { eval("var " + categoryArray[j] + "CaptionArray = new Array();"); } //---------------------------------------- function initSlideArrays() { //Usage: //addSlide(CATEGORY, SRC, HREF, ALT_TEXT, CAPTION) //Start Slides in campus Category addSlide ( "campus" , "http://www.muhlenberg.edu/banner/3/1.jpg" , "http://www.muhlenberg.edu/tour/" , "Muhlenberg College Campus Photos" , ""); addSlide ( "campus" , "http://www.muhlenberg.edu/banner/3/2.jpg" , "http://www.muhlenberg.edu/tour/" , "Muhlenberg College Campus Photos" , ""); addSlide ( "campus" , "http://www.muhlenberg.edu/banner/3/3.jpg" , "http://www.muhlenberg.edu/tour/" , "Muhlenberg College Campus Photos" , ""); addSlide ( "campus" , "http://www.muhlenberg.edu/banner/3/4.jpg" , "http://www.muhlenberg.edu/tour/" , "Muhlenberg College Campus Photos" , ""); addSlide ( "campus" , "http://www.muhlenberg.edu/banner/3/5.jpg" , "http://www.muhlenberg.edu/tour/" , "Muhlenberg College Campus Photos" , ""); addSlide ( "campus" , "http://www.muhlenberg.edu/banner/3/6.jpg" , "http://www.muhlenberg.edu/tour/" , "Muhlenberg College Campus Photos" , ""); addSlide ( "campus" , "http://www.muhlenberg.edu/banner/3/7.jpg" , "http://www.muhlenberg.edu/tour/" , "Muhlenberg College Campus Photos" , ""); addSlide ( "campus" , "http://www.muhlenberg.edu/banner/3/8.jpg" , "http://www.muhlenberg.edu/tour/" , "Muhlenberg College Campus Photos" , ""); addSlide ( "campus" , "http://www.muhlenberg.edu/banner/3/9.jpg" , "http://www.muhlenberg.edu/tour/" , "Muhlenberg College Campus Photos" , ""); addSlide ( "campus" , "http://www.muhlenberg.edu/banner/3/10.jpg" , "http://www.muhlenberg.edu/tour/" , "Muhlenberg College Campus Photos" , ""); addSlide ( "campus" , "http://www.muhlenberg.edu/banner/3/11.jpg" , "http://www.muhlenberg.edu/tour/" , "Muhlenberg College Campus Photos" , ""); addSlide ( "campus" , "http://www.muhlenberg.edu/banner/3/12.jpg" , "http://www.muhlenberg.edu/tour/" , "Muhlenberg College Campus Photos" , ""); addSlide ( "campus" , "http://www.muhlenberg.edu/banner/3/13.jpg" , "http://www.muhlenberg.edu/tour/" , "Muhlenberg College Campus Photos" , ""); addSlide ( "campus" , "http://www.muhlenberg.edu/banner/3/14.jpg" , "http://www.muhlenberg.edu/tour/" , "Muhlenberg College Campus Photos" , ""); addSlide ( "campus" , "http://www.muhlenberg.edu/banner/3/15.jpg" , "http://www.muhlenberg.edu/tour/" , "Muhlenberg College Campus Photos" , ""); addSlide ( "campus" , "http://www.muhlenberg.edu/banner/3/16.jpg" , "http://www.muhlenberg.edu/tour/" , "Muhlenberg College Campus Photos" , ""); addSlide ( "campus" , "http://www.muhlenberg.edu/banner/3/17.jpg" , "http://www.muhlenberg.edu/tour/" , "Muhlenberg College Campus Photos" , ""); addSlide ( "campus" , "http://www.muhlenberg.edu/banner/3/18.jpg" , "http://www.muhlenberg.edu/tour/" , "Muhlenberg College Campus Photos" , ""); addSlide ( "campus" , "http://www.muhlenberg.edu/banner/3/19.jpg" , "http://www.muhlenberg.edu/tour/" , "Muhlenberg College Campus Photos" , ""); addSlide ( "campus" , "http://www.muhlenberg.edu/banner/3/20.jpg" , "http://www.muhlenberg.edu/tour/" , "Muhlenberg College Campus Photos" , ""); addSlide ( "campus" , "http://www.muhlenberg.edu/banner/3/21.jpg" , "http://www.muhlenberg.edu/tour/" , "Muhlenberg College Campus Photos" , ""); //End Slides in campus Category } //---------------------------------------- //SLIDE OBJECT DEFINITION //---------------------------------------- function slide (s, h, a ) { this.src=s; this.href=h; this.alt=a; // this.caption=c; } var preloadPtr=0; function addSlide(category, src, href, alt, caption) { var captionPtr; cmd=category + "Array[" + category + "Counter++] = " + "new slide(\"" + src + "\", \"" + href + "\", \"" + //alt + "\", \"" + caption + "\");"; alt + "\");"; eval(cmd); preloadArray[preloadPtr++]=src; addCaption(category, caption); } function addCaption(category, caption){ eval("captionPtr=" + category + "CaptionArray.length;"); cmd= category + "CaptionArray[" + captionPtr + "] =\"" + caption + "\";"; eval(cmd); } ////---------------------------------------- ////SLIDE OBJECT DEFINITION ////---------------------------------------- // function slide (s, h, a ) { // // this.src=s; // this.href=h; // this.alt=a; // // this.caption=c; // } // // // function addSlide(category, src, href, alt, caption) { // var captionPtr; // cmd=category + "Array[" + category + "Counter++] = " + // "new slide(\"" + src + "\", \"" + href + "\", \"" + // //alt + "\", \"" + caption + "\");"; // alt + "\");"; // eval(cmd); // // addCaption(category, caption); // } // // function addCaption(category, caption){ // eval("captionPtr=" + category + "CaptionArray.length;"); // cmd= category + "CaptionArray[" + captionPtr + "] =\"" + // caption + "\";"; // eval(cmd); // }