This time I will share jQuery Plugin and tutorial about Simplest jQuery Image Inner Zoom Plugin – jqueryZoom.js, hope it will help you in programming stack.
File Size: | 5.24 KB |
---|---|
Views Total: | 4445 |
Last Update: | |
Publish Date: | |
Official Website: | Go to website |
License: | MIT |
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.
1 |
< script src = "//code.jquery.com/jquery-1.11.3.min.js" ></ script > |
2 |
< script src = "jqueryZoom.js" ></ script > |
2. Adding the required zoom
attribute to your image will initialize the image zoom plugin automatically.
1 |
< 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.
source : jqueryscript.net