Compare two images
JavaScript
Latest commit 67e5ab6 Nov 2, 2011 @johndyer removed mejs text
Permalink
Failed to load latest commit information.
images
src initial commit Nov 2, 2011
README.md
demo.html
pinboxdemo.gif

README.md

Simple Image Comparison jQuery Plugin

Installation and Usage

1. Add Script and Stylesheet

<script src="jquery.js"></script>
<script src="pinbox.js"></script>
<link rel="stylesheet" href="pinbox.css" />

2. Add an <img /> tag and specify dimensions

<img src="images/convent-pano.jpg"
    width="940"
    height="365"
    data-small-src="images/convent-pano-inner.jpg"
    data-small-width="507"
    data-small-height="264"
    data-small-left="163"
    data-small-top="11"
    class="pinbox"
    alt="View from Convent Street"
/>

3. Call the jQuery Plugin

<script>
jQuery(document).ready(function($) {
    $('.pinbox').pinbox();
});
</script>