sdSlideWH for SeydoggySlideshow 3

sdSlideWH is a complementary snippet for use with SeydoggySlideshow 3 (or SS3) enabled themes. The sdSlideWH snippet is a method for defining externally hosted images to be used in your slide show sequence instead of the built-in images.

Installation

To install "sdSlideWH", double click the .rwsnippet or drag and drop the file into ~/Library/Application Support/RapidWeaver/Snippets.

Overview

Usage

1. Open the Page Inspector (RapidWeaver > View > Show Page Inspector).
2. Be sure that the setting found in Page Inspector > Styles > Slide show type > Off / Manual (snippet) is selected.
3. Paste the sdSlideWH snippet into Page Inspector > Header > JavaScript changing each image source to suit your needs.

   The snippet will look like this:

   sdSS.slideWH = [
   "http://www.example.com/images/header3.jpg",
   "http://www.example.com/images/header5.jpg",
   "http://www.example.com/images/header1.jpg",
   "http://www.example.com/images/header9.jpg",
   "http://www.example.com/images/header15.jpg"
   ];

   The order of the images will coincide with the order of your slides.

4. To add more images to your slide show sequence:
   1. Add a comma to the end of the image source line that is currently last (i.e. "http://www.example.com/images/header15.jpg",).
   2. Add a new line after the comma.
   3. On the new line, add your new image source in quotations (i.e. "http://www.example.com/images/header20.jpg").

   4. Repeat a through c for each additional link.

      The snippet will now look like this:

      sdSS.slideWH = [
      "http://www.example.com/images/header3.jpg",
      "http://www.example.com/images/header5.jpg",
      "http://www.example.com/images/header1.jpg",
      "http://www.example.com/images/header9.jpg",
      "http://www.example.com/images/header15.jpg",
      "http://www.example.com/images/header20.jpg"
      ];

5. To remove images from your slide show sequence:
   1. Remove the last image source line (i.e. "http://www.example.com/images/header15.jpg").
   2. Remove the trailing comma from what is now the last image source line (i.e. "http://www.example.com/images/header9.jpg")

   3. Repeat a and b for each image you wish to remove.

      The snippet will now look like this:

      sdSS.slideWH = [
      "http://www.example.com/images/header3.jpg",
      "http://www.example.com/images/header5.jpg",
      "http://www.example.com/images/header1.jpg",
      "http://www.example.com/images/header9.jpg"
      ];