Skip to content

rayfranco/jquery.snipe

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

33 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Sniper-lens-style zoom on images.

Get started, check the demos and the docs on http://rayfranco.github.com/jquery.snipe

Quick Start

Get the minified script and target your images with a data-zoom attribute, which its value is the high definition image (what will appear in the lens)

<!-- In your html file -->
<img src="normal.jpg" data-zoom="large.jpg">

// In your javascript file or tag
$('img#snipe').snipe();

More details

See it in action

Contribute

Clone the repository :

git clone https://github.com/RayFranco/jquery.snipe.git

In the plugin folder, get the dependencies :

npm install

Then setup the whole thing :

cake setup --dev

You should use --dev only if you need the test suite

The plugin is written in coffeescript and tested with buster.js