JQuery lightGallery Examples

HTML Structure Create ul and li elements and add the path of the image or video inside the data-src attributes which you wish to open within the lightGallery. <ul id="lightGallery"> <li data-src="img/img1.jpg"> <img src="img/thumb1.jpg" /> </li> <li data-src="img/img2.jpg"> <img src="img/thumb2.jpg" /> </li> ... </ul> Javascript <script type="text/javascript"> $(document).ready(function() { $("#li