Fashion Responsive jQuery Image Viewer/Enlarger Plugin - ImagesPreview

Fashion Responsive jQuery Image Viewer/Enlarger Plugin - ImagesPreview
File Size: 2.22 MB
Views Total:
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.