Awesome Open Source
Awesome Open Source

jquery.snipe

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



Alternative Project Comparisons
Related Awesome Lists
Top Programming Languages

Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
Plugin (113,429
Jquery (26,517
Coffeescript (17,174
Lenses (1,475