SmugMug HTML 5 Slideshow

Here’s an example of an SmugMug slideshow using HTML 5 Slideshow!

To create one:

  1. Go to a gallery on your SmugMug site and navigate to the first image
  2. Click “Share” and then “Get a Link”
  3. Click the “Gallery Links” tab.
  4. On the slideshow line, you should see an ID at the very end of the link (example: Copy that
  5. Create a URL as follows:
    {your site url}/frame/slideshow?key={ALBUM_KEY}
  6. This is your now your SOURCE url.
  7. Use the following HTML to embed it in to a website:
    <iframe src="{SOURCE_URL}" width="{width}" height="{height}" frameborder="0" scrolling="no"></iframe>

The default Slideshow just shows images with a fade transition.
You can add the following additional parameters to the URL:

  • &autoStart=0
  • &captions=1
  • &navigation=1
  • &playButton=1
  • &speed={SECONDS}
  • &transition=none
  • &transitionSpeed={SECONDS}
Aaron M Written by:

Aaron Meyers is a landscape and wedding photographer living in Silicon Valley, CA. His love of the outdoors makes for frequent forays into the Californian wilds, where he delights in the stunning vistas of Yosemite National Park, Lake Tahoe, Big Sur, and the Pacific Coast.