{"_id":"jquery-images-compare","_rev":"17-0e73eb3c49f5e048e70e6bdf122a4390","name":"jquery-images-compare","dist-tags":{"latest":"4.0.0"},"versions":{"0.1.0":{"name":"jquery-images-compare","version":"0.1.0","keywords":["jquery","plugin","image","compare","comparison","before","after"],"author":{"url":"http://www.sylvaincombes.com","name":"Sylvain Combes","email":"combes.sylvain@gmail.com"},"license":"MIT","_id":"jquery-images-compare@0.1.0","maintainers":[{"name":"sylvaincombes","email":"combes.sylvain@gmail.com"}],"contributors":[{"url":"http://drey.io","name":"Audrey Soulagnet","email":"me@drey.io"},{"url":"http://celine-skowron.fr","name":"Céline Skowron","email":"skowron.celine@gmail.com"}],"dist":{"shasum":"f778debc27500d92b4db6ea58b456470ac3b2b07","tarball":"https://registry.npmjs.org/jquery-images-compare/-/jquery-images-compare-0.1.0.tgz","integrity":"sha512-3qern9FHHKE8pqHKxjfzX+2osiwzuXQzPdIcKrlr6/tbfua2gRWUjv2cRCA4OV0VAwUv1Q8MdmG6mR3eTfkzsg==","signatures":[{"sig":"MEUCIQC/XyDrbBjiAw1bjP0borWCdBLBDpaabl8Giioq4DyyVAIgBi1G45+g8X2gyovCpstxnuYmRuvBG8JFx4sBHY0Fb18=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"build/jquery.images-compare.js","_from":".","_shasum":"f778debc27500d92b4db6ea58b456470ac3b2b07","gitHead":"56b00add3b0afc4c1918f8b374e4aaa07662cb9f","scripts":{"copy":"npm run copy:js && npm run copy:css","lint":"npm run lint:js && npm run lint:css","test":"echo \"Error: no test specified\" && exit 1","build":"npm run lint && npm run copy && npm run minify","minify":"npm run minify:js && npm run minify:css","copy:js":"copy ./src/assets/js/jquery.images-compare.js > ./build/jquery.images-compare.js","lint:js":"jshint src/assets/js/*.js","copy:css":"copy ./src/assets/css/images-compare.css > ./build/images-compare.css","lint:css":"csslint src/assets/css/*.css","minify:js":"uglifyjs ./src/assets/js/jquery.images-compare.js --compress --mangle --source-map ./build/jquery.images-compare.min.map -o ./build/jquery.images-compare.min.js","minify:css":"copy --minify=css ./src/assets/css/images-compare.css > ./build/images-compare.min.css","copy:hammerjs":"copy node_modules/hammerjs/hammer.min.js > build/hammer.min.js; copy node_modules/hammerjs/hammer.min.js.map > build/hammer.min.js.map; copy node_modules/hammerjs/hammer.js > build/hammer.js"},"_npmUser":{"name":"sylvaincombes","email":"combes.sylvain@gmail.com"},"deprecated":"deprecating first versions","_npmVersion":"3.5.3","description":"A jquery plugin for comparing two images","directories":{},"_nodeVersion":"4.1.1","dependencies":{"jquery":"^2.2.4","hammerjs":"^2.0.8"},"devDependencies":{"jshint":"^2.9.2","csslint":"^0.10.0","copy-cli":"^1.2.1","uglify-js":"^2.6.2"},"_npmOperationalInternal":{"tmp":"tmp/jquery-images-compare-0.1.0.tgz_1465476431588_0.19823543168604374","host":"packages-16-east.internal.npmjs.com"}},"0.1.1":{"name":"jquery-images-compare","version":"0.1.1","keywords":["jquery","plugin","image","compare","comparison","before","after"],"author":{"url":"http://www.sylvaincombes.com","name":"Sylvain Combes","email":"combes.sylvain@gmail.com"},"license":"MIT","_id":"jquery-images-compare@0.1.1","maintainers":[{"name":"sylvaincombes","email":"combes.sylvain@gmail.com"}],"contributors":[{"url":"http://drey.io","name":"Audrey Soulagnet","email":"me@drey.io"},{"url":"http://celine-skowron.fr","name":"Céline Skowron","email":"skowron.celine@gmail.com"}],"homepage":"https://github.com/sylvaincombes/jquery-images-compare#readme","bugs":{"url":"https://github.com/sylvaincombes/jquery-images-compare/issues"},"dist":{"shasum":"6ab0566b5da462040d255b8cbbd90bc6a552bb4f","tarball":"https://registry.npmjs.org/jquery-images-compare/-/jquery-images-compare-0.1.1.tgz","integrity":"sha512-quwsbYArEcTl3E3GSX0OOPI8RBDySXP0htEx3SjIVGGCj6eGzr3WY1+5wphATP993QeCLVrlUb0YXNpie8d6lQ==","signatures":[{"sig":"MEYCIQC9433uWvB+Iwhe9PuKb3EdkZ/NdYXQQ32mztojA4hBMgIhALW/oIDxi/YhvYYyx0XRRhEGVGWrpI6Ka2RnxC/bsglo","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"build/jquery.images-compare.js","_from":".","_shasum":"6ab0566b5da462040d255b8cbbd90bc6a552bb4f","gitHead":"4dfbba9cb1cb177105afcabc9e7e34b7bc591b4c","scripts":{"copy":"npm run copy:js && npm run copy:css","lint":"npm run lint:js && npm run lint:css","test":"echo \"Error: no test specified\" && exit 1","build":"npm run lint && npm run copy && npm run minify","minify":"npm run minify:js && npm run minify:css","copy:js":"copy ./src/assets/js/jquery.images-compare.js > ./build/jquery.images-compare.js","lint:js":"jshint src/assets/js/*.js","copy:css":"copy ./src/assets/css/images-compare.css > ./build/images-compare.css","lint:css":"csslint src/assets/css/*.css","minify:js":"uglifyjs ./src/assets/js/jquery.images-compare.js --compress --mangle --source-map ./build/jquery.images-compare.min.map -o ./build/jquery.images-compare.min.js","minify:css":"copy --minify=css ./src/assets/css/images-compare.css > ./build/images-compare.min.css","copy:hammerjs":"copy node_modules/hammerjs/hammer.min.js > build/hammer.min.js; copy node_modules/hammerjs/hammer.min.js.map > build/hammer.min.js.map; copy node_modules/hammerjs/hammer.js > build/hammer.js"},"_npmUser":{"name":"sylvaincombes","email":"combes.sylvain@gmail.com"},"deprecated":"deprecating first versions","repository":{"url":"git+https://github.com/sylvaincombes/jquery-images-compare.git","type":"git"},"_npmVersion":"3.5.3","description":"A jquery plugin for comparing two images","directories":{},"_nodeVersion":"4.1.1","dependencies":{"jquery":"^2.2.4","hammerjs":"^2.0.8"},"devDependencies":{"jshint":"^2.9.2","csslint":"^0.10.0","copy-cli":"^1.2.1","uglify-js":"^2.6.2"},"_npmOperationalInternal":{"tmp":"tmp/jquery-images-compare-0.1.1.tgz_1465478198879_0.7109758644364774","host":"packages-16-east.internal.npmjs.com"}},"0.1.2":{"name":"jquery-images-compare","version":"0.1.2","keywords":["jquery","plugin","image","compare","comparison","before","after"],"author":{"url":"http://www.sylvaincombes.com","name":"Sylvain Combes","email":"combes.sylvain@gmail.com"},"license":"MIT","_id":"jquery-images-compare@0.1.2","maintainers":[{"name":"sylvaincombes","email":"combes.sylvain@gmail.com"}],"contributors":[{"url":"http://drey.io","name":"Audrey Soulagnet","email":"me@drey.io"},{"url":"http://celine-skowron.fr","name":"Céline Skowron","email":"skowron.celine@gmail.com"}],"homepage":"https://github.com/sylvaincombes/jquery-images-compare#readme","bugs":{"url":"https://github.com/sylvaincombes/jquery-images-compare/issues"},"dist":{"shasum":"9688f3300d3b0e70e57c7c7639ffdf1c28c9de41","tarball":"https://registry.npmjs.org/jquery-images-compare/-/jquery-images-compare-0.1.2.tgz","integrity":"sha512-qUS5bM4t2lQ+EkUpPSY68hjFYOR0RNRy34zL6TSPa4PujnPON6dRQDQFjbfdD4JnNgqAA5Y3FacFNUvascg+rA==","signatures":[{"sig":"MEYCIQDVOhC09n1JHKQs3yCrqLfv34aBmqVffzngZtJ5A1NI/gIhALyoTChjSmjWkthtEsk8Tdws7Nccy9C6dMlkkIn7yMUm","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"build/jquery.images-compare.js","_from":".","_shasum":"9688f3300d3b0e70e57c7c7639ffdf1c28c9de41","gitHead":"0315ad24f3626bbf511824179cae0b098d293b47","scripts":{"copy":"npm run copy:js && npm run copy:css","lint":"npm run lint:js && npm run lint:css","test":"echo \"Error: no test specified\" && exit 1","build":"npm run lint && npm run copy && npm run minify","minify":"npm run minify:js && npm run minify:css","copy:js":"copy ./src/assets/js/jquery.images-compare.js > ./build/jquery.images-compare.js","lint:js":"jshint src/assets/js/*.js","copy:css":"copy ./src/assets/css/images-compare.css > ./build/images-compare.css","lint:css":"csslint src/assets/css/*.css","minify:js":"uglifyjs ./src/assets/js/jquery.images-compare.js --compress --mangle --source-map ./build/jquery.images-compare.min.map -o ./build/jquery.images-compare.min.js","minify:css":"copy --minify=css ./src/assets/css/images-compare.css > ./build/images-compare.min.css","copy:hammerjs":"copy node_modules/hammerjs/hammer.min.js > build/hammer.min.js; copy node_modules/hammerjs/hammer.min.js.map > build/hammer.min.js.map; copy node_modules/hammerjs/hammer.js > build/hammer.js"},"_npmUser":{"name":"sylvaincombes","email":"combes.sylvain@gmail.com"},"deprecated":"deprecating first versions","repository":{"url":"git+https://github.com/sylvaincombes/jquery-images-compare.git","type":"git"},"_npmVersion":"3.5.3","description":"A jquery plugin for comparing two images","directories":{},"_nodeVersion":"4.1.1","dependencies":{"jquery":"^2.2.4","hammerjs":"^2.0.8"},"devDependencies":{"jshint":"^2.9.2","csslint":"^0.10.0","copy-cli":"^1.2.1","uglify-js":"^2.6.2"},"_npmOperationalInternal":{"tmp":"tmp/jquery-images-compare-0.1.2.tgz_1465478911990_0.3261585980653763","host":"packages-16-east.internal.npmjs.com"}},"0.1.3":{"name":"jquery-images-compare","version":"0.1.3","keywords":["jquery","plugin","image","compare","comparison","before","after"],"author":{"url":"http://www.sylvaincombes.com","name":"Sylvain Combes","email":"combes.sylvain@gmail.com"},"license":"MIT","_id":"jquery-images-compare@0.1.3","maintainers":[{"name":"sylvaincombes","email":"combes.sylvain@gmail.com"}],"contributors":[{"url":"http://drey.io","name":"Audrey Soulagnet","email":"me@drey.io"},{"url":"http://celine-skowron.fr","name":"Céline Skowron","email":"skowron.celine@gmail.com"}],"homepage":"https://github.com/sylvaincombes/jquery-images-compare#readme","bugs":{"url":"https://github.com/sylvaincombes/jquery-images-compare/issues"},"dist":{"shasum":"aa8599527cb6b22e6ef647a40349346b67c2da90","tarball":"https://registry.npmjs.org/jquery-images-compare/-/jquery-images-compare-0.1.3.tgz","integrity":"sha512-FhSnkK26QzZYNMNV5Hr8IJFn8MKC8OFLzH5aRxYSN6GWCtUJkD7uQo32gAXGXdK1svlvVSJkECTafAIwWpZM6A==","signatures":[{"sig":"MEYCIQDzqIv1J+QNttLnrzyVq+vKoauWv+uIfCYOoVrSzOdLYwIhAMlHYoptf1y2vWkhCk/4wkCyVLh02zx1RYkX5zhM2QKZ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"build/jquery.images-compare.js","_from":".","_shasum":"aa8599527cb6b22e6ef647a40349346b67c2da90","gitHead":"9b121b08aa225ea122cdc7d5ace5a2125b5243e9","scripts":{"copy":"npm run copy:js && npm run copy:css","lint":"npm run lint:js && npm run lint:css","test":"echo \"Error: no test specified\" && exit 1","build":"npm run lint && npm run copy && npm run minify","minify":"npm run minify:js && npm run minify:css","copy:js":"copy ./src/assets/js/jquery.images-compare.js > ./build/jquery.images-compare.js","lint:js":"jshint src/assets/js/*.js","copy:css":"copy ./src/assets/css/images-compare.css > ./build/images-compare.css","lint:css":"csslint src/assets/css/*.css","minify:js":"uglifyjs ./src/assets/js/jquery.images-compare.js --compress --mangle --source-map ./build/jquery.images-compare.min.map -o ./build/jquery.images-compare.min.js","minify:css":"copy --minify=css ./src/assets/css/images-compare.css > ./build/images-compare.min.css","copy:hammerjs":"copy node_modules/hammerjs/hammer.min.js > build/hammer.min.js; copy node_modules/hammerjs/hammer.min.js.map > build/hammer.min.js.map; copy node_modules/hammerjs/hammer.js > build/hammer.js"},"_npmUser":{"name":"sylvaincombes","email":"combes.sylvain@gmail.com"},"deprecated":"deprecating first versions","repository":{"url":"git+https://github.com/sylvaincombes/jquery-images-compare.git","type":"git"},"_npmVersion":"3.5.3","description":"A jquery plugin for comparing two images","directories":{},"_nodeVersion":"4.1.1","dependencies":{"jquery":"^2.2.4","hammerjs":"^2.0.8"},"devDependencies":{"jshint":"^2.9.2","csslint":"^0.10.0","copy-cli":"^1.2.1","uglify-js":"^2.6.2"},"_npmOperationalInternal":{"tmp":"tmp/jquery-images-compare-0.1.3.tgz_1465479548360_0.5644034235738218","host":"packages-12-west.internal.npmjs.com"}},"0.2.0":{"name":"jquery-images-compare","version":"0.2.0","keywords":["jquery","plugin","image","compare","comparison","before","after"],"author":{"url":"http://www.sylvaincombes.com","name":"Sylvain Combes","email":"combes.sylvain@gmail.com"},"license":"MIT","_id":"jquery-images-compare@0.2.0","maintainers":[{"name":"sylvaincombes","email":"combes.sylvain@gmail.com"}],"contributors":[{"url":"http://drey.io","name":"Audrey Soulagnet","email":"me@drey.io"},{"url":"http://celine-skowron.fr","name":"Céline Skowron","email":"skowron.celine@gmail.com"}],"homepage":"https://github.com/sylvaincombes/jquery-images-compare#readme","bugs":{"url":"https://github.com/sylvaincombes/jquery-images-compare/issues"},"dist":{"shasum":"b960e2db7c9b5f9621f0f14f2c8cfbd421eb968a","tarball":"https://registry.npmjs.org/jquery-images-compare/-/jquery-images-compare-0.2.0.tgz","integrity":"sha512-2Xn9HayDlYqPfjf+8ziOmwJHSKkW+hfA6Q+J/8BdrUdE64ME4gKgRhmk2iBLrx+rQhaGr1yoMWjF60Z8Sa4ecg==","signatures":[{"sig":"MEUCIG2YSDpH8fIl0wrkcuQnwk8p1uq8U8HiOYv8hqI81AhvAiEA9kiJsAXY2E1ZzQGIwWVRYJWELGQSG14tCMjOoGOfI6A=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"build/jquery.images-compare.js","_from":".","_shasum":"b960e2db7c9b5f9621f0f14f2c8cfbd421eb968a","gitHead":"ef4ddbd28f46192e157ec9268c499d7713492a89","scripts":{"copy":"npm run copy:js && npm run copy:css","lint":"npm run lint:js && npm run lint:css","test":"node_modules/node-qunit-phantomjs/bin/node-qunit-phantomjs ./src/tests/test.html","build":"npm run lint && npm run copy && npm run minify","minify":"npm run minify:js && npm run minify:css","copy:js":"copy ./src/assets/js/jquery.images-compare.js > ./build/jquery.images-compare.js","lint:js":"jshint src/assets/js/*.js","copy:css":"copy ./src/assets/css/images-compare.css > ./build/images-compare.css","lint:css":"csslint src/assets/css/*.css","minify:js":"uglifyjs ./src/assets/js/jquery.images-compare.js --compress --mangle --source-map ./build/jquery.images-compare.min.map -o ./build/jquery.images-compare.min.js","minify:css":"copy --minify=css ./src/assets/css/images-compare.css > ./build/images-compare.min.css","copy:hammerjs":"copy node_modules/hammerjs/hammer.min.js > build/hammer.min.js; copy node_modules/hammerjs/hammer.min.js.map > build/hammer.min.js.map; copy node_modules/hammerjs/hammer.js > build/hammer.js"},"_npmUser":{"name":"sylvaincombes","email":"combes.sylvain@gmail.com"},"deprecated":"deprecating first versions","repository":{"url":"git+https://github.com/sylvaincombes/jquery-images-compare.git","type":"git"},"_npmVersion":"3.5.3","description":"A jquery plugin for comparing two images","directories":{},"_nodeVersion":"4.1.1","dependencies":{"jquery":"^2.2.4","hammerjs":"^2.0.8"},"devDependencies":{"jshint":"^2.9.2","csslint":"^0.10.0","qunitjs":"^2.0.0","copy-cli":"^1.2.1","uglify-js":"^2.6.2","node-qunit-phantomjs":"^1.4.0"},"_npmOperationalInternal":{"tmp":"tmp/jquery-images-compare-0.2.0.tgz_1467126968464_0.9979419719893485","host":"packages-16-east.internal.npmjs.com"}},"0.2.1":{"name":"jquery-images-compare","version":"0.2.1","keywords":["jquery","plugin","image","compare","comparison","before","after"],"author":{"url":"http://www.sylvaincombes.com","name":"Sylvain Combes","email":"combes.sylvain@gmail.com"},"license":"MIT","_id":"jquery-images-compare@0.2.1","maintainers":[{"name":"sylvaincombes","email":"combes.sylvain@gmail.com"}],"contributors":[{"url":"http://drey.io","name":"Audrey Soulagnet","email":"me@drey.io"},{"url":"http://celine-skowron.fr","name":"Céline Skowron","email":"skowron.celine@gmail.com"}],"homepage":"https://github.com/sylvaincombes/jquery-images-compare#readme","bugs":{"url":"https://github.com/sylvaincombes/jquery-images-compare/issues"},"dist":{"shasum":"5a25d2c29eb9f104db47eebd8212769f5bac18cb","tarball":"https://registry.npmjs.org/jquery-images-compare/-/jquery-images-compare-0.2.1.tgz","integrity":"sha512-b0OfN/HEWxbKumRWvYGOhe6fanSiEZyW0A+fOCHhlGFmXTAx1napbnmrfVjhRQHXw0qU+MpMeIrJCsj9Lx4uXA==","signatures":[{"sig":"MEUCIQDNd9vcAyUPpZk33Ks3yXRTNWV/3f3K+wQ58fOKW6x/2QIgKP8Oh/ISRUjtZTjCxBaDe9PJTjO5+/TorckGRtBtk/A=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"build/jquery.images-compare.js","_from":".","_shasum":"5a25d2c29eb9f104db47eebd8212769f5bac18cb","gitHead":"4cff34a38f6f74db6bc104d10ebf232fa1c1d59b","scripts":{"copy":"npm run copy:js && npm run copy:css","lint":"npm run lint:js && npm run lint:css","test":"node_modules/node-qunit-phantomjs/bin/node-qunit-phantomjs ./src/tests/test.html","build":"npm run lint && npm run copy && npm run minify","minify":"npm run minify:js && npm run minify:css","copy:js":"copy ./src/assets/js/jquery.images-compare.js > ./build/jquery.images-compare.js","lint:js":"jshint src/assets/js/*.js","copy:css":"copy ./src/assets/css/images-compare.css > ./build/images-compare.css","lint:css":"csslint src/assets/css/*.css","minify:js":"uglifyjs ./src/assets/js/jquery.images-compare.js --compress --mangle --source-map ./build/jquery.images-compare.min.map -o ./build/jquery.images-compare.min.js","minify:css":"copy --minify=css ./src/assets/css/images-compare.css > ./build/images-compare.min.css","copy:hammerjs":"copy node_modules/hammerjs/hammer.min.js > build/hammer.min.js; copy node_modules/hammerjs/hammer.min.js.map > build/hammer.min.js.map; copy node_modules/hammerjs/hammer.js > build/hammer.js"},"_npmUser":{"name":"sylvaincombes","email":"combes.sylvain@gmail.com"},"repository":{"url":"git+https://github.com/sylvaincombes/jquery-images-compare.git","type":"git"},"_npmVersion":"3.5.3","description":"A jquery plugin for comparing two images","directories":{},"_nodeVersion":"4.1.1","dependencies":{"jquery":"^2.2.4","hammerjs":"^2.0.8"},"devDependencies":{"jshint":"^2.9.2","csslint":"^0.10.0","qunitjs":"^2.0.0","copy-cli":"^1.2.1","uglify-js":"^2.6.2","node-qunit-phantomjs":"^1.4.0"},"_npmOperationalInternal":{"tmp":"tmp/jquery-images-compare-0.2.1.tgz_1467127443551_0.20791427278891206","host":"packages-12-west.internal.npmjs.com"}},"0.2.2":{"name":"jquery-images-compare","version":"0.2.2","keywords":["jquery","plugin","image","compare","comparison","before","after"],"author":{"url":"http://www.sylvaincombes.com","name":"Sylvain Combes","email":"combes.sylvain@gmail.com"},"license":"MIT","_id":"jquery-images-compare@0.2.2","maintainers":[{"name":"sylvaincombes","email":"combes.sylvain@gmail.com"}],"contributors":[{"url":"http://drey.io","name":"Audrey Soulagnet","email":"me@drey.io"},{"url":"http://celine-skowron.fr","name":"Céline Skowron","email":"skowron.celine@gmail.com"}],"homepage":"https://github.com/sylvaincombes/jquery-images-compare#readme","bugs":{"url":"https://github.com/sylvaincombes/jquery-images-compare/issues"},"dist":{"shasum":"359bce2b75fd34a8e5594d0065905b0ad1cdb9f6","tarball":"https://registry.npmjs.org/jquery-images-compare/-/jquery-images-compare-0.2.2.tgz","integrity":"sha512-guIBOJ109pjfydvXQbLlXHh7daSCbezdfxX66l1rCUX8o6KJV8528SKKPKI8E8KH/i1yyqCOyl7zrMB7b9U81Q==","signatures":[{"sig":"MEYCIQDyFAhleMInukR7HqrwRfUENHIL+7YnB0e565HW2Cu7sQIhAP0V/FVaVU5V+uTVe1UBwMrrwv/fX3hQb4FY1825eokm","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"build/jquery.images-compare.js","_from":".","_shasum":"359bce2b75fd34a8e5594d0065905b0ad1cdb9f6","gitHead":"ec9704424780c16d41c19d533493b3347968d6d8","scripts":{"copy":"npm run copy:js && npm run copy:css","lint":"npm run lint:js && npm run lint:css","test":"node_modules/node-qunit-phantomjs/bin/node-qunit-phantomjs ./src/tests/test.html","build":"npm run lint && npm run copy && npm run minify","minify":"npm run minify:js && npm run minify:css","copy:js":"copy ./src/assets/js/jquery.images-compare.js > ./build/jquery.images-compare.js","lint:js":"jshint src/assets/js/*.js","copy:css":"copy ./src/assets/css/images-compare.css > ./build/images-compare.css","lint:css":"csslint src/assets/css/*.css","minify:js":"uglifyjs ./src/assets/js/jquery.images-compare.js --compress --mangle --source-map ./build/jquery.images-compare.min.map -o ./build/jquery.images-compare.min.js","minify:css":"copy --minify=css ./src/assets/css/images-compare.css > ./build/images-compare.min.css","copy:hammerjs":"copy node_modules/hammerjs/hammer.min.js > build/hammer.min.js; copy node_modules/hammerjs/hammer.min.js.map > build/hammer.min.js.map; copy node_modules/hammerjs/hammer.js > build/hammer.js"},"_npmUser":{"name":"sylvaincombes","email":"combes.sylvain@gmail.com"},"repository":{"url":"git+https://github.com/sylvaincombes/jquery-images-compare.git","type":"git"},"_npmVersion":"3.5.3","description":"A jquery plugin for comparing two images","directories":{},"_nodeVersion":"4.1.1","dependencies":{"jquery":"^2.2.4","hammerjs":"^2.0.8"},"devDependencies":{"jshint":"^2.9.2","csslint":"^0.10.0","qunitjs":"^2.0.0","copy-cli":"^1.2.1","uglify-js":"^2.6.2","node-qunit-phantomjs":"^1.4.0"},"_npmOperationalInternal":{"tmp":"tmp/jquery-images-compare-0.2.2.tgz_1467367901531_0.9949692410882562","host":"packages-12-west.internal.npmjs.com"}},"0.2.3":{"name":"jquery-images-compare","version":"0.2.3","keywords":["jquery","plugin","image","compare","comparison","before","after"],"author":{"url":"http://www.sylvaincombes.com","name":"Sylvain Combes","email":"combes.sylvain@gmail.com"},"license":"MIT","_id":"jquery-images-compare@0.2.3","maintainers":[{"name":"sylvaincombes","email":"combes.sylvain@gmail.com"}],"contributors":[{"url":"http://drey.io","name":"Audrey Soulagnet","email":"me@drey.io"},{"url":"http://celine-skowron.fr","name":"Céline Skowron","email":"skowron.celine@gmail.com"}],"homepage":"https://github.com/sylvaincombes/jquery-images-compare#readme","bugs":{"url":"https://github.com/sylvaincombes/jquery-images-compare/issues"},"dist":{"shasum":"fbbe0c0c67939ecc6821ac0f55cbc0ff784bdca2","tarball":"https://registry.npmjs.org/jquery-images-compare/-/jquery-images-compare-0.2.3.tgz","integrity":"sha512-ZZg127WVyoXVRwxb0mFKnhyqQR/2bOGsZpZpGv2EEq3MxV011NdvtV8B37nRDHlI7jCxR5NtEpmr8BqdMKg1ng==","signatures":[{"sig":"MEUCIGaPcpSMrh/M4K8t6WepoRa7TPjY9MSkallXllAbkOPYAiEAq16VseXjGldowju2grZWTvAK1r4wxGhdqrpg8JvhwgM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"build/jquery.images-compare.js","_from":".","_shasum":"fbbe0c0c67939ecc6821ac0f55cbc0ff784bdca2","gitHead":"235e4175c9b6d82d6a1577ad3da5d85fa8d33281","scripts":{"copy":"npm run copy:js && npm run copy:css","lint":"npm run lint:js && npm run lint:css","test":"node_modules/node-qunit-phantomjs/bin/node-qunit-phantomjs ./src/tests/test.html","build":"npm run lint && npm run copy && npm run minify","minify":"npm run minify:js && npm run minify:css","copy:js":"copy ./src/assets/js/jquery.images-compare.js > ./build/jquery.images-compare.js","lint:js":"jshint src/assets/js/*.js","copy:css":"copy ./src/assets/css/images-compare.css > ./build/images-compare.css","lint:css":"csslint src/assets/css/*.css","minify:js":"uglifyjs ./src/assets/js/jquery.images-compare.js --compress --mangle --source-map ./build/jquery.images-compare.min.map -o ./build/jquery.images-compare.min.js","minify:css":"copy --minify=css ./src/assets/css/images-compare.css > ./build/images-compare.min.css","copy:hammerjs":"copy node_modules/hammerjs/hammer.min.js > build/hammer.min.js; copy node_modules/hammerjs/hammer.min.js.map > build/hammer.min.js.map; copy node_modules/hammerjs/hammer.js > build/hammer.js"},"_npmUser":{"name":"sylvaincombes","email":"combes.sylvain@gmail.com"},"repository":{"url":"git+https://github.com/sylvaincombes/jquery-images-compare.git","type":"git"},"_npmVersion":"3.5.3","description":"A jquery plugin for comparing two images","directories":{},"_nodeVersion":"4.4.7","dependencies":{"jquery":"^2.2.4","hammerjs":"^2.0.8"},"devDependencies":{"jshint":"^2.9.2","csslint":"^0.10.0","qunitjs":"^2.0.0","copy-cli":"^1.2.1","uglify-js":"^2.6.2","node-qunit-phantomjs":"^1.4.0"},"_npmOperationalInternal":{"tmp":"tmp/jquery-images-compare-0.2.3.tgz_1475496794236_0.45682826405391097","host":"packages-16-east.internal.npmjs.com"}},"0.2.4":{"name":"jquery-images-compare","version":"0.2.4","keywords":["jquery","plugin","image","compare","comparison","before","after"],"author":{"url":"http://www.sylvaincombes.com","name":"Sylvain Combes","email":"combes.sylvain@gmail.com"},"license":"MIT","_id":"jquery-images-compare@0.2.4","maintainers":[{"name":"sylvaincombes","email":"combes.sylvain@gmail.com"}],"contributors":[{"url":"http://drey.io","name":"Audrey Soulagnet","email":"me@drey.io"},{"url":"http://celine-skowron.fr","name":"Céline Skowron","email":"skowron.celine@gmail.com"},{"url":"https://github.com/Ivan-Perez","name":"Iván Pérez"}],"homepage":"https://github.com/sylvaincombes/jquery-images-compare#readme","bugs":{"url":"https://github.com/sylvaincombes/jquery-images-compare/issues"},"dist":{"shasum":"415337b164a1c739bc5737aa38973e246da461f6","tarball":"https://registry.npmjs.org/jquery-images-compare/-/jquery-images-compare-0.2.4.tgz","fileCount":29,"integrity":"sha512-I6iZakS/ITp61Kb/vpebmz/gYJpSZKy9o5QKbXSW1O9M5LnlK9gunBZMtqZXejQAVsUxLrZS7XOjZSqbm7x+UA==","signatures":[{"sig":"MEUCIDMS8F8SZC20vg6FqqqkyTS/YnJVHtqWW5Hm2vG+jRqFAiEApZ6yphnI0ASzOkP7DohBxkIJZNjxCLe8mqK6BKd3BS4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":626106},"main":"build/jquery.images-compare.js","gitHead":"0384ade8ec11e8939fb09592ad9d984a091e86ed","scripts":{"copy":"npm run copy:js && npm run copy:css","lint":"npm run lint:js && npm run lint:css","test":"node_modules/node-qunit-phantomjs/bin/node-qunit-phantomjs ./src/tests/test.html","build":"npm run lint && npm run copy && npm run minify","minify":"npm run minify:js && npm run minify:css","copy:js":"copy ./src/assets/js/jquery.images-compare.js > ./build/jquery.images-compare.js","lint:js":"jshint src/assets/js/*.js","copy:css":"copy ./src/assets/css/images-compare.css > ./build/images-compare.css","lint:css":"csslint src/assets/css/*.css","minify:js":"uglifyjs ./src/assets/js/jquery.images-compare.js --compress --mangle --source-map \"filename='./build/jquery.images-compare.min.map'\" -o ./build/jquery.images-compare.min.js","minify:css":"copy --minify=css ./src/assets/css/images-compare.css > ./build/images-compare.min.css","copy:hammerjs":"copy node_modules/hammerjs/hammer.min.js > build/hammer.min.js; copy node_modules/hammerjs/hammer.min.js.map > build/hammer.min.js.map; copy node_modules/hammerjs/hammer.js > build/hammer.js"},"_npmUser":{"name":"sylvaincombes","email":"combes.sylvain@gmail.com"},"repository":{"url":"git+https://github.com/sylvaincombes/jquery-images-compare.git","type":"git"},"_npmVersion":"5.6.0","description":"A jquery plugin for comparing two images","directories":{},"_nodeVersion":"9.9.0","dependencies":{"jquery":"^3.3.1","hammerjs":"^2.0.8"},"_hasShrinkwrap":false,"devDependencies":{"qunit":"^2.5.1","jshint":"^2.9.5","csslint":"^1.0.5","copy-cli":"^1.2.1","uglify-js":"^3.3.16","node-qunit-phantomjs":"^1.6.3"},"_npmOperationalInternal":{"tmp":"tmp/jquery-images-compare_0.2.4_1522079768338_0.5315691706875556","host":"s3://npm-registry-packages"}},"0.2.5":{"name":"jquery-images-compare","version":"0.2.5","keywords":["jquery","plugin","image","compare","comparison","before","after"],"author":{"url":"http://www.sylvaincombes.com","name":"Sylvain Combes","email":"combes.sylvain@gmail.com"},"license":"MIT","_id":"jquery-images-compare@0.2.5","maintainers":[{"name":"sylvaincombes","email":"combes.sylvain@gmail.com"}],"contributors":[{"url":"http://drey.io","name":"Audrey Soulagnet","email":"me@drey.io"},{"url":"http://celine-skowron.fr","name":"Céline Skowron","email":"skowron.celine@gmail.com"},{"url":"https://github.com/Ivan-Perez","name":"Iván Pérez"}],"homepage":"https://github.com/sylvaincombes/jquery-images-compare#readme","bugs":{"url":"https://github.com/sylvaincombes/jquery-images-compare/issues"},"dist":{"shasum":"afdc332aa96cb3cc7674cafe8ed57790b3a57a0d","tarball":"https://registry.npmjs.org/jquery-images-compare/-/jquery-images-compare-0.2.5.tgz","fileCount":20,"integrity":"sha512-HD1aWcshUfBy8CHSM6Wd7iF1tlT8vAOJN1mahmRUCRCtCJZx5s3rSR7YDPvmocXlsxrBeK0Qd5VBUbTdhpF+Mg==","signatures":[{"sig":"MEQCIFbv3d544RYSJiIgN8fJ81vSw+70TTeo1nCuZMQDcU8KAiAZLYmpfueTn8huHrwf9aNPokZvOFYBJdnnvqZbi2AEcA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":566655,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcJWnDCRA9TVsSAnZWagAARSsP/10pcKyn1yexTbp+ITnz\n4tpq+4ZXfckqXARfSUOSAxoJ9KnPIL/3w9MH7WegzXOzX+IaAQSgx3mn5vvl\nvhL22WcpU20wOKoZtmOS6tolszjXoV8hh6YdB/5KluNZ71uFa9hfIdCc8kCR\nKHoUgFH7dJNUufD609s74v0Az4V8whXGUFLDC0RfLlEfIjhAaQ7SkvPqM2+e\nkZ8ORNoiv2js5+BX3KWcFBZfMUFm0kpDqcCrluCAy+U3jMr93mRLV8hDmM4H\nk8WLSRa6NRzHFh5x4ODh610P5awzSfWJmK//mnIbv4u/IZ5kg5cdKSml/igB\nFGI1t6YegLciGc8c0b0vZCzkulOoowdHq/0AFk1KkdlcHwhDdgA6rsbEep0T\n4cKwIEUd9jMUo5gjhmVCR1oJAJKmh3CtmCGDHuXpz8osFzTFCff5MuXzXfsH\n/OIIdnd6RZiAUIOewgT7nEPNIweMc1fnI13HHmZYecdUkI2EvWCmCGZ5cK8g\nIxvOH394WuweDyRgZvXAeks7M5FIEhan9hMp5IsagFzZKbqdoQvyGYsgM9dL\nGK2g2dSvYP//lrXfxo/YfT/gHvddEBDSD16pupZZqWOpglEHNNAR6sVwp5qT\nn9sSTCRCh1u4oL1dU/UW0MfGtNTSFnpKEYpulKrXZSL4mLMMPmsyixYoBnBj\n+foO\r\n=2er5\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/jquery.images-compare.js","gitHead":"b4618b5cf58f6ec39eba626dddafdd7281550492","scripts":{"copy":"npm run copy:js && npm run copy:css","lint":"npm run lint:js && npm run lint:css","test":"node_modules/node-qunit-phantomjs/bin/node-qunit-phantomjs ./src/tests/test.html","build":"npm run lint && npm run copy && npm run minify","minify":"npm run minify:js && npm run minify:css","copy:js":"copy ./src/assets/js/jquery.images-compare.js > ./build/jquery.images-compare.js","lint:js":"jshint src/assets/js/*.js","copy:css":"copy ./src/assets/css/images-compare.css > ./build/images-compare.css","lint:css":"csslint src/assets/css/*.css","minify:js":"uglifyjs ./src/assets/js/jquery.images-compare.js --compress --mangle --source-map \"filename='./build/jquery.images-compare.min.map'\" -o ./build/jquery.images-compare.min.js","minify:css":"copy --minify=css ./src/assets/css/images-compare.css > ./build/images-compare.min.css","copy:hammerjs":"copy node_modules/hammerjs/hammer.min.js > build/hammer.min.js; copy node_modules/hammerjs/hammer.min.js.map > build/hammer.min.js.map; copy node_modules/hammerjs/hammer.js > build/hammer.js"},"_npmUser":{"name":"sylvaincombes","email":"combes.sylvain@gmail.com"},"repository":{"url":"git+https://github.com/sylvaincombes/jquery-images-compare.git","type":"git"},"_npmVersion":"6.5.0","description":"A jquery plugin for comparing two images","directories":{},"_nodeVersion":"11.6.0","dependencies":{"jquery":"^3.3.1","hammerjs":"^2.0.8"},"_hasShrinkwrap":false,"devDependencies":{"qunit":"^2.8.0","jshint":"^2.9.7","csslint":"^1.0.5","copy-cli":"^1.2.1","uglify-js":"^3.4.9","node-qunit-phantomjs":"^1.6.3"},"_npmOperationalInternal":{"tmp":"tmp/jquery-images-compare_0.2.5_1545955778941_0.261190256728699","host":"s3://npm-registry-packages"}},"4.0.0":{"name":"jquery-images-compare","version":"4.0.0","description":"jQuery plugin to compare two images with a draggable before/after slider","keywords":["jquery","plugin","image-compare","image-slider","before-after","before-after-slider","slider","compare","before","after","drag","responsive","touch"],"main":"build/jquery.images-compare.js","repository":{"type":"git","url":"git+https://github.com/sylvaincombes/jquery-images-compare.git"},"bugs":{"url":"https://github.com/sylvaincombes/jquery-images-compare/issues"},"dependencies":{"jquery":"^4.0.0"},"devDependencies":{"@biomejs/biome":"^2.2.3","esbuild":"^0.25.9"},"scripts":{"lint":"biome check src","lint:fix":"biome check --write src","format":"biome format --write src","copy:js":"cp ./src/assets/js/jquery.images-compare.js ./build/jquery.images-compare.js","minify:js":"esbuild ./src/assets/js/jquery.images-compare.js --minify --sourcemap --outfile=./build/jquery.images-compare.min.js","copy:css":"cp ./src/assets/css/images-compare.css ./build/images-compare.css","minify:css":"esbuild ./src/assets/css/images-compare.css --minify --outfile=./build/images-compare.min.css","build":"bun run lint && bun run copy && bun run minify","copy":"bun run copy:js && bun run copy:css","minify":"bun run minify:js && bun run minify:css","test":"echo \"Run 'bun run test:serve' then open http://localhost:41721/src/tests/test.html\"","test:serve":"bunx serve . --listen 41721","test:open":"bunx serve . --listen 41721 & bun run scripts/open-url.js http://localhost:41721/src/tests/test.html","example:serve":"bunx serve . --listen 41721","example:open":"bunx serve . --listen 41721 & bun run scripts/open-url.js http://localhost:41721/examples/index.html"},"author":{"name":"Sylvain Combes","email":"combes.sylvain@gmail.com","url":"http://www.sylvaincombes.com"},"contributors":[{"name":"Audrey Soulagnet","email":"me@drey.io","url":"http://drey.io"},{"name":"Céline Skowron","email":"skowron.celine@gmail.com","url":"http://celine-skowron.fr"},{"name":"Iván Pérez","url":"https://github.com/Ivan-Perez"}],"license":"MIT","gitHead":"c9c8c4fd5d59d23d9c042baf0ef6a62796b347f3","_id":"jquery-images-compare@4.0.0","homepage":"https://github.com/sylvaincombes/jquery-images-compare#readme","_nodeVersion":"24.14.1","_npmVersion":"11.11.0","dist":{"integrity":"sha512-9ZOa3HmyIbwXek3j3lxeCrtQ/8kqg6ZrOqtIpwIZ17ubB1hsnn2cBA3/62Yr4gVG/ZupH3LIkwRIFOeiaN6SEA==","shasum":"eec8d50b12615e1763f603dc082061159d7ecda9","tarball":"https://registry.npmjs.org/jquery-images-compare/-/jquery-images-compare-4.0.0.tgz","fileCount":8,"unpackedSize":63792,"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/jquery-images-compare@4.0.0","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQC8cXntP6eW0ojojFZaWpnZLQN7UsRP9FaoN8NIcRJReQIgHVIEAm8PBLhdQ3LXeA/JW6fXKvzdWGDNt9ZSsscY77k="}]},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:50ab5c87-6255-44dd-a97a-6e2c1495b14e"}},"directories":{},"maintainers":[{"name":"sylvaincombes","email":"combes.sylvain@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/jquery-images-compare_4.0.0_1775687647029_0.8695899888929526"},"_hasShrinkwrap":false}},"time":{"created":"2016-06-09T12:47:13.738Z","modified":"2026-04-08T22:34:07.468Z","0.1.0":"2016-06-09T12:47:13.738Z","0.1.1":"2016-06-09T13:16:40.980Z","0.1.2":"2016-06-09T13:28:34.046Z","0.1.3":"2016-06-09T13:39:11.287Z","0.2.0":"2016-06-28T15:16:09.525Z","0.2.1":"2016-06-28T15:24:06.427Z","0.2.2":"2016-07-01T10:11:44.505Z","0.2.3":"2016-10-03T12:13:15.705Z","0.2.4":"2018-03-26T15:56:08.514Z","0.2.5":"2018-12-28T00:09:39.152Z","4.0.0":"2026-04-08T22:34:07.193Z"},"bugs":{"url":"https://github.com/sylvaincombes/jquery-images-compare/issues"},"author":{"name":"Sylvain Combes","email":"combes.sylvain@gmail.com","url":"http://www.sylvaincombes.com"},"license":"MIT","homepage":"https://github.com/sylvaincombes/jquery-images-compare#readme","keywords":["jquery","plugin","image-compare","image-slider","before-after","before-after-slider","slider","compare","before","after","drag","responsive","touch"],"repository":{"type":"git","url":"git+https://github.com/sylvaincombes/jquery-images-compare.git"},"description":"jQuery plugin to compare two images with a draggable before/after slider","contributors":[{"name":"Audrey Soulagnet","email":"me@drey.io","url":"http://drey.io"},{"name":"Céline Skowron","email":"skowron.celine@gmail.com","url":"http://celine-skowron.fr"},{"name":"Iván Pérez","url":"https://github.com/Ivan-Perez"}],"maintainers":[{"name":"sylvaincombes","email":"combes.sylvain@gmail.com"}],"readme":"# jQuery Images Compare\n\nA jQuery plugin for comparing two images\n\nPrefer a no-dependency version? A vanilla alternative will be available as `vanilla-images-compare` and should be preferred when you do not need jQuery.\n\n![jquery images compare preview](https://raw.githubusercontent.com/sylvaincombes/jquery-images-compare/master/preview.gif)\n\n[![CI](https://github.com/sylvaincombes/jquery-images-compare/actions/workflows/ci.yml/badge.svg)](https://github.com/sylvaincombes/jquery-images-compare/actions/workflows/ci.yml) [![npm](https://img.shields.io/npm/v/jquery-images-compare.svg?style=flat-square)](https://www.npmjs.com/package/jquery-images-compare) [![npm downloads](https://img.shields.io/npm/dm/jquery-images-compare.svg?style=flat-square)](https://www.npmjs.com/package/jquery-images-compare) [![license](https://img.shields.io/github/license/sylvaincombes/jquery-images-compare.svg?style=flat-square)](https://raw.githubusercontent.com/sylvaincombes/jquery-images-compare/master/LICENSE.md)\n\n## Features\n\n- compatibility : Chrome 80+, Edge 80+, Firefox 74+, Safari 13.1+ (no IE)\n\n- Dependency footprint: jQuery only.\n\n- Effort to put appearance via css (easier to skin / override)\n\n- Touch friendly, mouse drag (Pointer Events)\n\n- Responsive\n\n- You can listen to change event to add some of your logic\n\n- You can change the value from external code\n\n- Animation option when changing the value\n\n- Optional alternative interaction modes : drag by default (the recommended one), click and mousemove (warning desktop friendly only for this settings)\n\n- Size : ~2k of js and ~0.5k of css (minified and gzipped)\n\n> NB : This library only does horizontal slide\n\n## Quick start\n\n### Via CDN\n\nThe easiest way to get started — no installation required. Both [jsDelivr](https://www.jsdelivr.com/) and [unpkg](https://unpkg.com/) serve the package directly from npm.\n\n**jsDelivr:**\n\n```html\n<link\n    rel=\"stylesheet\"\n    href=\"https://cdn.jsdelivr.net/npm/jquery-images-compare@4.0.0/build/images-compare.min.css\"\n/>\n```\n\n```html\n<script src=\"https://cdn.jsdelivr.net/npm/jquery-images-compare@4.0.0/build/jquery.images-compare.min.js\"></script>\n```\n\n**unpkg:**\n\n```html\n<link\n    rel=\"stylesheet\"\n    href=\"https://unpkg.com/jquery-images-compare@4.0.0/build/images-compare.min.css\"\n/>\n```\n\n```html\n<script src=\"https://unpkg.com/jquery-images-compare@4.0.0/build/jquery.images-compare.min.js\"></script>\n```\n\n### Via local files\n\nIn your head section, include the css (a minified version is also provided) :\n\n```html\n<link rel=\"stylesheet\" href=\"images-compare.css\" />\n```\n\nInclude the required javascript, before the body closing tag :\n\n```html\n<script\n    type=\"text/javascript\"\n    src=\"https://code.jquery.com/jquery-4.0.0.min.js\"\n    integrity=\"sha256-OaVG6prZf4v69dPg6PhVattBXkcOWQB62pdZ3ORyrao=\"\n    crossorigin=\"anonymous\"\n></script>\n<script type=\"text/javascript\" src=\"jquery.images-compare.min.js\"></script>\n```\n\nNote: use the full jQuery build (not the slim build). The slim build excludes the Ajax and effects modules, and this plugin relies on jQuery effects for animation.\n\nNote: jQuery 4 is the supported baseline. Older jQuery versions are not officially supported; use jQuery Migrate when upgrading from jQuery 3.x.\n\nSetup your html (minimal example) :\n\n```html\n<!-- Main div container -->\n<div id=\"myImageCompare\">\n    <!-- The first div will be the front element, to prevent FOUC add a style=\"display: none;\" -->\n    <div style=\"display: none;\">\n        <img src=\"assets/img/before.jpg\" alt=\"Before\" />\n    </div>\n    <!-- This div will be the back element -->\n    <div>\n        <img src=\"assets/img/after.jpg\" alt=\"After\" />\n    </div>\n</div>\n```\n\nCall the plugin :\n\n```js\n$(\"#myImageCompare\").imagesCompare();\n```\n\n## Documentation\n\n### Install via npm\n\n```sh\nnpm install jquery-images-compare\n```\n\n### Tooling (optional)\n\nThis repo includes a `mise.toml` for pinning Bun. If you use `mise`, run:\n\n```sh\nmise install\n```\n\nYou can also install Bun directly if you do not use `mise`.\n\n### Git Hooks (optional)\n\nTo enable the pre-commit lint hook:\n\n```sh\ngit config core.hooksPath .githooks\n```\n\n### Plugin settings\n\nYou can change plugin settings by passing an option object, example :\n\n```js\n$(\"#myImageCompare\").imagesCompare({\n    initVisibleRatio: 0.2,\n    interactionMode: \"mousemove\",\n    addSeparator: false,\n    addDragHandle: false,\n    animationDuration: 450,\n    animationEasing: \"linear\",\n    precision: 2,\n});\n```\n\nList of available options :\n\n| key               | Description                                                                              | Default value                       |\n| ----------------- | ---------------------------------------------------------------------------------------- | ----------------------------------- |\n| initVisibleRatio  | Visible ratio of front element on init, float value between 0 and 1                      | 0.5 (front element is half visible) |\n| interactionMode   | The interaction mode to use, valid values are \"drag\" (recommended), \"mousemove\", \"click\" | \"drag\"                              |\n| addSeparator      | Add a html separator element ? (thin vertical blank line) - _boolean_                    | true                                |\n| addDragHandle     | Add a html \"drag handle\" element ? - _boolean_                                           | true                                |\n| animationDuration | default animation duration in ms                                                         | 400                                 |\n| animationEasing   | default animation easing to use (\"linear\", \"swing\")                                      | \"swing\"                             |\n| precision         | Ratio precision, numbers after the decimal point                                         | 4                                   |\n\n### Changing appearance\n\nThe styling is done via css, to let you change it by css overrides.\n\n#### Css classes\n\nBasic list of main css classes, for full details please have a look at the css file.\n\n| Selector                                                 | Description                          |\n| -------------------------------------------------------- | ------------------------------------ |\n| \\.images-compare-container                               | Container of the elements            |\n| \\.images-compare-before                                  | Front element                        |\n| \\.images-compare-after                                   | Back element                         |\n| \\.images-compare-separator                               | Separator (thin vertical blank line) |\n| \\.images-compare-handle                                  | Drag handle (circle)                 |\n| \\.images-compare-left-arrow, .images-compare-right-arrow | Drag handle arrows                   |\n| \\.images-compare-label                                   | Label class element                  |\n\n#### Markup example with labels\n\nYou can add labels, add the class _images-compare-label_ to your elements.\n\nA default styling will be applied, you can override css rules to customize to your needs.\n\n```html\n<!-- Main div container -->\n<div id=\"myImageCompare\">\n    <!-- The first div will be the front element, to prevent FOUC add a style=\"display: none;\" -->\n    <div style=\"display: none;\">\n        <span class=\"images-compare-label\">Before</span>\n        <img src=\"assets/img/before.jpg\" alt=\"Before\" />\n    </div>\n    <!-- This div will be the back element -->\n    <div>\n        <span class=\"images-compare-label\">After</span>\n        <img src=\"assets/img/after.jpg\" alt=\"After\" />\n    </div>\n</div>\n```\n\n### Events\n\nList of events the plugin triggers :\n\n| Event name                | Description                                                                  |\n| ------------------------- | ---------------------------------------------------------------------------- |\n| imagesCompare:initialised | This event is fired when init is done                                        |\n| imagesCompare:changed     | This event is fired when the value of visible front element is changed       |\n| imagesCompare:resized     | This event is fired when a resize window event has been received and treated |\n\n#### Example listening to change event\n\n```js\n// important call data('imagesCompare') to get the real object and not the jquery one\nvar test = $(\"#myImageCompare\").imagesCompare().data(\"imagesCompare\");\n\ntest.on(\"imagesCompare:changed\", function (event) {\n    console.log(\"change\");\n    console.log(event);\n    if (event.ratio < 0.4) {\n        console.log(\"We see more than half of the back image\");\n    }\n    if (event.ratio > 0.6) {\n        console.log(\"We see more than half of the front image\");\n    }\n\n    if (event.ratio <= 0) {\n        console.log(\"We see completely back image\");\n    }\n\n    if (event.ratio >= 1) {\n        console.log(\"We see completely front image\");\n    }\n});\n```\n\n### Changing value\n\nYou can change value of visible front part via code :\n\n```javascript\n// important call data('imagesCompare') to get the real object and not the jquery one\nvar test = $(\"#myImageCompare\").imagesCompare().data(\"imagesCompare\");\ntest.setValue(0);\n```\n\n### Changing value with animation\n\nYou can change value of visible front part via code and request an animation :\n\n```js\n// important call data('imagesCompare') to get the real object and not the jquery one\nvar test = $(\"#myImageCompare\").imagesCompare().data(\"imagesCompare\");\n\n// here we pass true in second argument to say we want animation\ntest.setValue(0, true);\n\n// you can change some settings via the plugin settings (see plugin settings section)\n// you can too override duration and easing for one call :\n// test.setValue(ratio, animate, duration, easing);\n```\n\n### Contribute\n\nClone the repository, then launch an :\n\n```sh\nbun install\n```\n\nTo lint js and css use :\n\n```sh\nbun run lint\n```\n\nTo build use :\n\n```sh\nbun run build\n```\n\nTo test use :\n\n```sh\nbun run test\nbun run test:serve\n```\n\n(Then open `http://localhost:41721/src/tests/test.html` in a browser.)\n\nOn macOS you can also run:\n\n```sh\nbun run test:open\n```\n\nTo open the example page:\n\n```sh\nbun run example:serve\n```\n\n```sh\nbun run example:open\n```\n\n_Too look available scripts look at the scripts part in the package.json file_\n\n## Contributors\n\n- [@sylvaincombes](https://github.com/sylvaincombes) (Maintainer)\n- [@drenawak](https://github.com/drenawak)\n- [Céline Skowron](https://celine-skowron.fr)\n- [Iván Pérez](https://github.com/Ivan-Perez)\n\n## Credits\n\n### External libs and code\n\n#### Libraries\n\n- [jQuery](https://jquery.com)\n\n#### Code snippets\n\n- Drag Handle look and feel taken from [zurb twentytwenty](https://github.com/zurb/twentytwenty)\n\n## Browser Support\n\nThis plugin uses Pointer Events for drag interactions and targets modern evergreen browsers:\n\n- Chrome 55+\n- Edge 12+\n- Firefox 59+\n- Safari 13+\n\nOlder browsers (including Internet Explorer) are not supported.\n\n### jQuery 4 Support Policy\n\nBecause this project uses jQuery 4, browser support follows the jQuery 4 policy:\n\n- Chrome/Edge/Firefox/Safari: current and current-1\n- Opera: current\n- iOS Safari: current, current-1, current-2\n- Android Chrome: current and current-1\n- Internet Explorer: 11 only\n\n### Images in examples\n\nImages used in example are kindly provided by [Céline Skowron](https://celine-skowron.fr), all rights belong to her so you can't use them anywhere without contacting her.\n\n## License\n\nReleased under the MIT license.\n\n## Other libraries on the same subject\n\n- [zurb twentytwenty](https://github.com/zurb/twentytwenty)\n- [jquery-beforeafter-plugin](http://www.catchmyfame.com/catchmyfame-jquery-plugins/jquery-beforeafter-plugin/)\n- [juxtapose](https://juxtapose.knightlab.com/)\n","readmeFilename":"README.md","users":{"hq":true}}