Minimalist jQuery Image Viewer Plugin - Fancy Zoom

Minimalist jQuery Image Viewer Plugin - Fancy Zoom
File Size: 16 KB
Views Total:
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

Fancy Zoom is a super light jQuery image viewer plugin that displays the large version of your image in a popup box with image loader support.

How to use it:

1. Include the latest jQuery javascript library on the web page.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="js/jquery.fancyzoom.js"></script> 

2. Include the jQuery fancy zoom plugin on the web page.

<link rel="stylesheet" href="css/fancyzoom.css"/>
<script src="js/jquery.fancyzoom.js"></script> 

3. Insert an image into your web page.

<a href="large.jpg"><img src="thumb.jpg" /></a>

4. Call the plugin to initialize the image viewer.

<script>
$(document).ready(function() {
$("a").fancyZoom();
}); 
</script>

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