Squarespace Gallery Snippet

snippet.html

<div class="
  sqs-gallery-container
  sqs-gallery-block-slideshow
  
  
  sqs-gallery-has-controls
  sqs-gallery-has-thumbnails

  
    sqs-gallery-block-show-meta sqs-gallery-block-meta-position-bottom
    sqs-gallery-block-meta-hover
            
  clear
" id="yui_3_17_2_2_1436726793939_484">
    <div class="sqs-gallery sqs-gallery-design-stacked" id="yui_3_17_2_2_1436726793939_483" style="height: 408.1px;">

        <div class="slide content-fill sqs-gallery-design-stacked-slide loaded sqs-active-slide" data-type="image" data-click-through-url="http://www.campuscircle.com/review.cfm?r=8935" id="yui_3_17_2_2_1436726793939_482" style="opacity: 1; z-index: 889;">

            <a class="content-fill" href="http://www.campuscircle.com/review.cfm?r=8935" target="_blank" id="yui_3_17_2_2_1436726793939_481" style="overflow: hidden;">
                <noscript>&lt;img src="http://static1.squarespace.com/static/55221d33e4b0ab9c8e3440e9/559e1a8de4b00c08756bc5f6/559f6f73e4b03b0e8a0efbe9/1436672155777/IndexGroupShot09-1.jpg" alt="Walt Disney ImagiNations; 2009" /&gt;</noscript><img class="thumb-image loaded" data-src="http://static1.squarespace.com/static/55221d33e4b0ab9c8e3440e9/559e1a8de4b00c08756bc5f6/559f6f73e4b03b0e8a0efbe9/1436672155777/IndexGroupShot09-1.jpg" data-image="http://static1.squarespace.com/static/55221d33e4b0ab9c8e3440e9/559e1a8de4b00c08756bc5f6/559f6f73e4b03b0e8a0efbe9/1436672155777/IndexGroupShot09-1.jpg" data-image-dimensions="595x535" data-image-focal-point="0.5,0.5" data-load="false" data-image-id="559f6f73e4b03b0e8a0efbe9" data-type="image" style="top: -58px; left: 0px; width: 583px; height: 525px; position: relative;" id="yui_3_17_2_2_1436726793939_674" alt="Walt Disney ImagiNations; 2009" src="https://static1.squarespace.com/static/55221d33e4b0ab9c8e3440e9/559e1a8de4b00c08756bc5f6/559f6f73e4b03b0e8a0efbe9/1436672155777/IndexGroupShot09-1.jpg?format=1500w&amp;storage=local" data-image-resolution="1500w">
            </a>
            <div class="meta" style="left: 0px; width: 583px;">
                <div class="meta-inside">
                    <div class="meta-title">Walt Disney ImagiNations; 2009</div>
                    <div class="meta-description">
                        <p>Design Competition Finalist</p>
                    </div>
                </div>
            </div>

            <div class="color-overlay"></div>
        </div>
      
        <div class="slide content-fill sqs-gallery-design-stacked-slide loaded" data-type="image" data-click-through-url="http://variety.com/2012/legit/reviews/no-good-deed-1117946931/" id="yui_3_17_2_2_1436726793939_489" style="opacity: 0; visibility: hidden;">

            <a class="content-fill" href="http://variety.com/2012/legit/reviews/no-good-deed-1117946931/" target="_blank" id="yui_3_17_2_2_1436726793939_488" style="overflow: hidden;">
                <noscript>&lt;img src="http://static1.squarespace.com/static/55221d33e4b0ab9c8e3440e9/559e1a8de4b00c08756bc5f6/559e1a8fe4b066f91fcfc33b/1436515657054/No+Good+Deed.jpg" alt="Client: Furious Theater Company" /&gt;</noscript><img class="thumb-image loaded" data-src="http://static1.squarespace.com/static/55221d33e4b0ab9c8e3440e9/559e1a8de4b00c08756bc5f6/559e1a8fe4b066f91fcfc33b/1436515657054/No+Good+Deed.jpg" data-image="http://static1.squarespace.com/static/55221d33e4b0ab9c8e3440e9/559e1a8de4b00c08756bc5f6/559e1a8fe4b066f91fcfc33b/1436515657054/No+Good+Deed.jpg" data-image-dimensions="930x651" data-image-focal-point="0.5,0.5" data-load="false" data-image-id="559e1a8fe4b066f91fcfc33b" data-type="image" style="top: 0px; left: 0px; width: 583px; height: 409px; position: relative;" alt="Client: Furious Theater Company" src="https://static1.squarespace.com/static/55221d33e4b0ab9c8e3440e9/559e1a8de4b00c08756bc5f6/559e1a8fe4b066f91fcfc33b/1436515657054/No+Good+Deed.jpg?format=1500w&amp;storage=local" data-image-resolution="1500w" id="yui_3_17_2_2_1436726793939_1582">
            </a>
          
            <div class="meta" style="left: 0px; width: 583px;">
                <div class="meta-inside">
                    <div class="meta-title">Client: Furious Theater Company</div>
                    <div class="meta-description">
                        <p>Original Graphic Illustrations for Theatrical Production: "No Good Deed".&nbsp;</p>
                    </div>
                </div>
            </div>

            <div class="color-overlay"></div>
        </div>

        <div class="slide content-fill sqs-gallery-design-stacked-slide loaded" data-type="image" data-click-through-url="http://www.pastoralemagazine.com/past-issues/" id="yui_3_17_2_2_1436726793939_492" style="opacity: 0; visibility: hidden;">

            <a class="content-fill" href="http://www.pastoralemagazine.com/past-issues/" target="_blank" id="yui_3_17_2_2_1436726793939_491" style="overflow: hidden;">
                <noscript>&lt;img src="http://static1.squarespace.com/static/55221d33e4b0ab9c8e3440e9/559e1a8de4b00c08756bc5f6/559e1abfe4b00c08756bc676/1436514067667/Jimi+Hendrix+color.png" alt="Client: Pastorale Magazine" /&gt;</noscript><img class="thumb-image loaded" data-src="http://static1.squarespace.com/static/55221d33e4b0ab9c8e3440e9/559e1a8de4b00c08756bc5f6/559e1abfe4b00c08756bc676/1436514067667/Jimi+Hendrix+color.png" data-image="http://static1.squarespace.com/static/55221d33e4b0ab9c8e3440e9/559e1a8de4b00c08756bc5f6/559e1abfe4b00c08756bc676/1436514067667/Jimi+Hendrix+color.png" data-image-dimensions="2500x3235" data-image-focal-point="0.5,0.5" data-load="false" data-image-id="559e1abfe4b00c08756bc676" data-type="image" style="top: -173px; left: 0px; width: 583px; height: 755px; position: relative;" alt="Client: Pastorale Magazine" src="https://static1.squarespace.com/static/55221d33e4b0ab9c8e3440e9/559e1a8de4b00c08756bc5f6/559e1abfe4b00c08756bc676/1436514067667/Jimi+Hendrix+color.png?format=1500w&amp;storage=local" data-image-resolution="1500w" id="yui_3_17_2_2_1436726793939_1847">
            </a>

            <div class="meta" style="left: 0px; width: 583px;">
                <div class="meta-inside">
                    <div class="meta-title">Client: Pastorale Magazine</div>
                    <div class="meta-description">
                        <p>In-house artist for Pastorale Magazine. &nbsp;Music-themed illustrations.&nbsp;</p>
                    </div>
                </div>
            </div>

            <div class="color-overlay"></div>
        </div>

    </div>

    <div class="sqs-gallery-meta-container">


        <div class="sqs-gallery-controls show-hover-effect">
            <a href="#" class="previous"></a>
            <a href="#" class="next"></a>
        </div>


    </div>
    <!-- END .sqs-gallery-meta-container -->

</div>