Simple Adaptive Lightbox Gallery Plugin For jQuery - easyGallery
File Size: | 9.75 KB |
---|---|
Views Total: | 2638 |
Last Update: | |
Publish Date: | |
Official Website: | Go to website |
License: | MIT |
A simple, easy-to-use jQuery plugin to present your large images in a lightbox gallery that animates to the width of its content when toggled.
How to use it:
1. Load the stylesheet jquery.easy-gallery.css
in the head, and the script jquery.easy-gallery.js
at the bottom of the document.
<link rel="stylesheet" href="jquery.easy-gallery.css"> ... <script src="//code.jquery.com/jquery-1.11.3.min.js"></script> <script src="plugin/jquery.easy-gallery.js"></script>
2. Add your thumbnails with the data-big-src
attribute pointing to the large images into a container element.
<div class="gallery"> <img src="thumb-1.jpg" data-big-src="large-1.jpg"> <img src="thumb-2.jpg" data-big-src="large-2.jpg"> <img src="thumb-3.jpg" data-big-src="large-3.jpg"> ... </div>
3. Initialize the gallery.
$('.gallery').easyGallery();
This awesome jQuery plugin is developed by antic183. For more Advanced Usages, please check the demo page or visit the official website.