JavaScripting

The definitive source of the best
JavaScript libraries, frameworks, and plugins.


  • ×

    jQuery Snipe

    jQuery plugin to add a sniper-lens-style zoom on images
    Filed under 

    • 🔾5%Overall
    • 109
    • 97.1 days
    • 🕩14
    • 👥1

    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

    Show All