Contents

<div id="osd" class="image-viewer"></div>
<script defer src="{{ '/assets/openseadragon/openseadragon.min.js' | absolute_url }}"></script>

<script>
  $(document).ready(function () {
    OpenSeadragon({
      id: "osd",
      preload: true,
      showNavigationControl: false,
      panHorizontal: false,
      defaultZoomLevel: 0,
      zoomPerScroll: 1, 
      prefixUrl: "{{ '/assets/openseadragon/images/' | absolute_url }}",
      {% if page.img_list.size > 1 %}
      sequenceMode: true,
      showReferenceStrip: true,
      tileSources: [
        {% for img in page.img_list %}
        {
          type: 'image',
          url:  '{{ img.full | absolute_url }}',
          referenceStripThumbnailUrl: '{{ img.thumbnail | absolute_url }}',
          buildPyramid: false
        }{% unless forloop.last %}, {% endunless %}
        {% endfor %}
      ]
      {% else %}
      tileSources: {
        type: 'image',
        url:  '{{ page.full | absolute_url}}',
        buildPyramid: false
      },
      {% endif %}
    });
  });
</script>

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
wax_theme-1.1.0	_includes/simple_image_viewer.html