jQuery Zoomer Plugin Examples

Basic

Create a new Zoomer by simply including an image inside the target wrapper. The target wrapper should have a predefined height and width as the new markup will fill all available space:

$(".viewer").zoomer();
.viewer { height: 500px; width: 500px; }
<div class="viewer">
    <img src="/path/to/image.jpg">
</div>
Demo

Gallery

Zoomer will auto detect multiple image and build a gallery:

$(".viewer").zoomer();
<div class="viewer">
    <img src="/path/to/image-1.jpg">
    <img src="/path/to/image-2.jpg">
    <img src="/path/to/image-3.jpg">
</div>
Demo