Responsive jQuery Lightbox-Like Image Zooming Plugin - Lighter

File Size: 1.09 MB
Views Total: 28355
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
Responsive jQuery Lightbox-Like Image Zooming Plugin - Lighter

Lighter is a lightweight and fast jQuery plugin that allows you to enlarge the images in a lightbox popup window. The plugin is designed as responsive so that the image and lightbox window will auto resize as the size of your browser window changed. Click the blank area of the lightbox overlay or press the ESC key will close the popup window.

How to use it:

1. Include the latest jQuery library on the web page

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.js' type='text/javascript'></script>

2. Include jQuery Lighter plugin after jQuery library

<link href='stylesheets/jquery.lighter.css' rel='stylesheet' type='text/css'>
<script src='javascripts/jquery.lighter.js' type='text/javascript'></script>

3. Create the html using data-* attributes

<div class='example'> 
<a class='sample' data-height='720' data-lighter='samples/sample-01.jpg' data-width='1280' href='samples/sample-01.jpg'> 
<img src='samples/preview-01.jpg'> </a>
</div>

Change logs:

v1.3.4 (2015-08-22)

v1.2.5 (2015-01-14)

  • update.

v1.2.2 (2014-12-25)

  • update.

v1.2.1 (2014-12-14)

  • update.

v1.1.9 (2014-12-14)

  • update.

This awesome jQuery plugin is developed by ksylvest. For more Advanced Usages, please check the demo page or visit the official website.