Example

Instructions:

1. Copy this page and remove these instructions
2. Edit the title of this page and add any other content (i.e, text ...) above and below the slider
3. Edit the following attributes in the <div class="ssec_slider_juxtapose"></div>:
   • Update the id="" attribute so that it's unique for each slider - the value can be anything (as long as it's comprised of alphanumeric, dashes and underscores only)
   • data-left-src: URL for the left side image
   • data-right-src: URL for the left side image
   • data-left-label: label to display for the left side image
   • data-right-label: label to display for the right side image
   • data-width: width of the image (non-full screen, inline image)
   • data-height: height of the image (non-full screen, inline image)
   • data-left-orig-src: URL for the left side image, full screen, larger version (or just the same URL as data-left-src)
   • data-right-orig-src: URL for the right side image, full screen, larger version (or just the same URL as data-left-src)
   • set the width of non-full screen, inline slider widget via the style attribute (i.e., width: ...)