Minimalist jQuery Image Viewer Plugin - Fancy Zoom
File Size: | 16 KB |
---|---|
Views Total: | 6965 |
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.