Simplest jQuery Image Inner Zoom Plugin - jqueryZoom.js

File Size: 5.24 KB
Views Total: 4647
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
Simplest jQuery Image Inner Zoom Plugin - jqueryZoom.js

jqueryZoom.js contains a jQuery plugin and an AngularJS directive that creates a magnifying glass effect to show the details of a specific part of your image.

How to use it:

1. Include jQuery library and the jqueryZoom.js jQuery plugin on your web page.

<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="jqueryZoom.js"></script>

2. Adding the required zoom attribute to your image will initialize the image zoom plugin automatically.

<img zoom style="width: 10%;" src="1.jpg">

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