sdSlideWH for seyDesignSlideshow 3

Download the sdSlideWH snippet

This code snippet is provided for legacy seyDesign / Nimblehost RapidWeaver themes.

sdSlideWH is a complementary snippet for use with seyDesignSlideshow 3 (or SS3) enabled themes. The sdSlideWH snippet is a method for defining externally hosted images (warehoused 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 onto the RapidWeaver app icon, in your dock.

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"
      ];
All prices shown include any applicable VAT
RapidWeaver® is a registered trademark of Realmac Software
Webpage Updated: 18/06/2017