Lighter is a jQuery plugin created to provide zoomable content like other lightbox plugins.

jquery image zoom on mouseover example, jquery image zoom plugin examples, jquery image popup on click, responsive lightbox image gallery jquery

How to make use of it:

1. Include the latest jQuery library on the webpage.

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

2. Include the jQuery Lighter plugin after the 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 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>

jquery lightbox zoom image, jQuery Lighter Plugin/Github, jquery image lightbox with zoom, jquery image zoom mobile friendly

See Demo And Download

Official Website(ksylvest): Click Here

This superior jQuery/javascript plugin is developed by ksylvest. For extra advanced usage, please go to the official website.