# 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

## Advanced

Customize a specific Zoomer instance: