jquery带进度滑块的图片缩放插件

Main Features

• Smooth zooming in and out.
• Scrolling and swiping supported.
• Directly and also can be used in lightsbox, gallery and photo projects.
• Fully customizable with css.
• Easy to use and implement.

How to Implement

Nothing to do tough in order to get it working, just attach the zoomer(); with the selector img in DOM ready function. An example below:

$(document).ready(function(){
    $("#your-img-id").zoomer();
});

1. No need to create anything for zoomer, it will automatically create all necessary things in HTML document.
2. Must include "simple-zoomer.css" file to your website/app.
3. You can customize styles, placement & other relevant things in css.

To change zooming limit and origin, update the following options.

$(function(){
$(".myimage").zoomer({
      maxLimit: 100, //default value
      zoomingOrigin: (0, 0), //default value
   });
});