ShinyCMS Slideshow with JShowOff

shiny-slideshow.tt

[% slideshow = [
        [ elements.image1, elements.caption1 ],
        [ elements.image2, elements.caption2 ],
        [ elements.image3, elements.caption3 ],
        [ elements.image4, elements.caption4 ],
        [ elements.image5, elements.caption5 ],
        [ elements.image6, elements.caption6 ]
    ]     
%]
<div id="impact">
<div id="basicFeatures">
[% FOREACH slide IN slideshow %]
    [% IF slide.0.length %]
        <div class="slides" style="background:url([% c.uri_for( '/static', upload_dir, 'images', slide.0 ) %])">
                <span class="caption">[% slide.1 %]</span>
        </div> 
    [% END %]
[%- END -%]
</div> <!-- end #slideshow -->
</div><!-- end #impact -->

<script type="text/javascript">     
$(document).ready(function(){ $('#basicFeatures').jshowoff({ 
        links: false,
        controls: false,
        effect: 'fade',
        cssClass: 'basicFeatures',
        hoverPause: false 
}); });
</script>