Zoomer - Smooth image exploration

Zoomer is a jQuery plugin for smooth image exploration

• denizli escort
• denizli escort
• didim escort
• düzce escort
• edirne escort
• edirne escort
• edremit escort

Source: formstone.it

1. INCLUDE JS AND CSS FILES

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="js/jquery.fs.zoomer.js"></script>
<link href="js/jquery.fs.zoomer.css" rel="stylesheet" type="text/css" media="all" />

2. HTML

<div class="zoomer_wrapper zoomer_basic">
  <img src="http://formstone.it/files/demo/nasa-bw-1.jpg" />
</div>

3. JAVASCRIPT

$(".zoomer_basic").zoomer();

4. OPTIONS

Options are set by passing a valid options object at initialization or to the public "defaults" method. You can also set custom options for a specific instance by attaching a data-boxer-options attribute containing a properly formatted JSON object to the target element.

5. EVENTS

Events are triggered on the target instance's element, unless otherwise stated.

6. METHODS

Methods are publicly available to all active instances, unless otherwise stated.

$.zoomer("defaults", opts);

$(".target").zoomer("destroy");

$(".target").zoomer("load", "path/to/image.jpg");

$(".target").zoomer("pan", 50, 50);

$(".target").zoomer("resize");

$(".target").zoomer("unload");