Fashion Responsive jQuery Image Viewer/Enlarger Plugin - ImagesPreview
File Size: | 2.22 MB |
---|---|
Views Total: | 2530 |
Last Update: | |
Publish Date: | |
Official Website: | Go to website |
License: | MIT |

ImagesPreview is an extremely lightweight jQuery image viewer/enlarger/zoomer plugin that displays the large version of an image in a responsive lightbox-like popup window.
How to use it:
1. Load the jQuery ImagesPreview plugin's CSS in the head section of the web page.
<link rel="stylesheet" type="text/css" href="css/imagespreview.css">
2. Load the jQuery ImagesPreview plugin's script after jQuery library before closing body tag.
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <script src="js/jquery.imagespreview.js"></script>
3. Wrap the thumbnail in a container element with a CSS class of 'jq_Impreview'. Use data-loadimgjpreview
to specify the source of your larger image.
<span class="jq_Impreview" data-loadimgjpreview="large.jpg"> <img src="small.jpg" alt="img"> </span>
This awesome jQuery plugin is developed by fufales. For more Advanced Usages, please check the demo page or visit the official website.