Site manager: Content Management > Site Design > Custom Photo gallery Information

Tiled Photo Gallery

Label Input
JS File Path /DMSLiveCafe/3/customphotogallery/tiled-gallery/js/jquery.unveil.js
CSS File Path /DMSLiveCafe/3/customphotogallery/tiled-gallery/css/style.css
Open Tags <section id="pictures" class="tiled-gallery"><span class="prev slider-nav"></span><span class="next slider-nav"></span><div id="pictures-wrap">
Item Template(Token) <div data-category="" class="photo fade-in w1 item"><img src="$ImageUrl$" class="lazyload" data-src="$ImageUrl$" alt="$AltText$" /></div>
Close Tags </div><div id="pictures-contols"><div class="container"><div class="row-fluid"><div class="col-lg-12"><nav></nav></div></div></div></div></section><section id="MobileGallery" ></section>
JS to Initialize 
Click here to download the code
NOTE: Ideal dimensions for images is 640px * 480px. This gallery only works best with 100%-width Layouts.