/****************************************************************************** EXAMPLES For usage examples, check out the slideshows in the CustomStyle NPI: http://www.geappliances.com/products/introductions/customstyle/overview/slideshow.htm http://www.geappliances.com/products/introductions/customstyle/whats_new/slideshow.htm http://www.geappliances.com/products/introductions/customstyle/feature_gallery/slideshow.htm http://www.geappliances.com/products/introductions/customstyle/whats_inside/slideshow.htm http://www.geappliances.com/products/introductions/customstyle/design_options/slideshow.htm QUICK START Stick the following placeholders somewhere in the body:

This will be populated with a single element for the currently selected full-sized photo.

This will be populated with a sequence of elements for all photo thumbnails.

This will be populated with a heading for the currently selected photo's title and some text for the description of the currently selected photo. subtitle, comment, and footnotes (more on those later) will be populated here as well. If you want previous/next navigation links, use the following as starting points: Previous Next In/near the beginning of your body, create an invisible div containing bits of HTML (titles, descriptions, etc.) for the slideshow that you can simply copy from the landing page: (NOTES: You *can* use your own nomenclature for the ids in the invisible div. Also, this code doesn't care what element you're applying those id attributes to; you can leave h3/p/etc. elements as they are and stick id attributes in them, or you can change them to div elements if you feel you must.) To specify the list of photos and references to their bits of text: run the following code before calling setupSlideshow. We use scripts included directly in the instead of external files, but this isn't strictly necessary. var slideshowPhotoURLFormat = "images/*.jpg"; var slideshowThumbnailURLFormat = "images/*_sm.jpg"; // the * gets replaced with photo IDs. var slideshowPhotoList = new Array( // Example 1. { // These three are the only required properties // for each element in slideshowPhotoList. photoID: "044229", titleElementId: "title0", descriptionElementId: "description0" }, // Example 2. { // For special cases where the photo and thumbnail // URLs don't follow the URL format templates you // specified above, you can specify photoURL and // thumbnailURL *instead* of photoID. photoURL: "images/044203.jpg", thumbnailURL: "images/044203_sm.jpg", // also, there are some optional properties in addition // to the title and description: titleElementId: "title1", subtitleElementId: "subtitle1", // optional descriptionElementId: "description1", footnotesElementId: "footnotes1", // optional commentElementId: "comment1" // optional }, ... ); REMEMBER: if you used your own nomenclature for the ids in the invisible div for the HTML bits above, you have to use those ids here as well. Run this code when your document is finished loading to initialize the photo gallery. We do this in a