differential-js

Differential

An image comparison engine. Side-by-side, layered and hover comparison methods. No dependencies. Pre-release.

Demos

Quick Start

Add the js and css files to your document

<link rel="stylesheet" type="text/css" href="path/to/differential.min.css">
<script type="text/javascript" src="path/to/differential.min.js"></script>

Initialise the plugin

var diff = new Differential({
    images: [
        {
            src: "image-a.jpg",
            label: "Label for image-a"
        },
        {
            src: "image-b.jpg",
            label: "Label for image-b"
        }
    ],
    type: "side-by-side",
    zoom: true,
    pan: true
});

Changelog

v0.0.1 (Pre-release)

• Initial commit

Copyright © 2017 Karl Saunders | BSD & MIT license