Simple Image Zoomer jQuery Plugin

A lightweight, simple and easy to use jQuery plugin to smoothly zoom images.

Simple Zoomer Demo

Main Features

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();
});
Note:
  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
   });
});