SS3: The built-in, "anything" slider.

In 2011 we launched the third iteration of an integrated slide show that we'd been putting in seyDesign RapidWeaver® themes since 2010. This third version, dubbed SS3, was also the first time we'd opened up the source for all developers to use in their own themes.

SS3 allows users to turn just about anything into a slide show. From built-in images, remote images, content, stacks and more!

SS3 icon

SlideLinks by Adam Merrifield, 11 Sep 2012.Download

The SlideLinks is a complimentary snippet for use with SeydoggySlideshow 3 (or SS3) enabled themes. The sdSlideLinks snippet is a method for defining unique URL's for each slide in an SS3 slide show, whether they are the default internal image slides, externally hosted image slides or content based SlideBox slides.

Instructions

  1. Download and install the SlideLinks snippet.

  2. Open the Page Inspector (RapidWeaver > View > Show Page Inspector).

  3. Once you've set up the slide show with the desired settings, paste this snippet into Page Inspector > Header > JavaScript changing each URL to suit your needs.

    The snippet will look like this:

    sdSS.slideLinks = [
        "http://www.google.com",
        "http://www.tumblr.com",
        "http://www.twitter.com",
        "http://www.flickr.com",
        "http://www.facebook.com"
    ];

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

  4. Be sure that the number of links used matches the number of slides in your slide show. To add links to the end of your sequence:

    1. Add a comma to the end of the URL line that is currently last (i.e. "http://www.facebook.com",).
    2. Add a new line after the comma.
    3. On the new line, add your new URL in quotations (i.e. "http://seydesign.com").
    4. Repeat a through c for each additional link.

      The snippet will now look like this:

      sdSS.slideLinks = [
          "http://www.google.com",
          "http://www.tumblr.com",
          "http://www.twitter.com",
          "http://www.flickr.com",
          "http://www.facebook.com",
          "http://seydesign.com"
      ];
  5. To remove links from the end of your sequence:

    1. Remove the last URL line (i.e. "http://www.facebook.com").
    2. Remove the trailing comma from what is now the last URL line (i.e. "http://www.flickr.com")
    3. Repeat a and b for each link you wish to remove.

      The snippet will now look like this:

      sdSS.slideLinks = [
          "http://www.google.com",
          "http://www.tumblr.com",
          "http://www.twitter.com",
          "http://www.flickr.com"
      ];