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
   
Simple Adaptive Lightbox Gallery Plugin For jQuery - easyGallery

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.