JuxtaposeJS helps tell stories by comparing two image frames, including photos and gifs. It provides a means, by a draggable pane, to see the changes and visually analyse the differences between the two images.
It’s an adaptable storytelling tool that is ideal for highlighting then/now stories that explain slow changes over time (growth of a city skyline, regrowth of a forest, etc.) or before/after stories that show the impact of single dramatic events (natural disasters, protests, wars, etc.).
JuxtaposeJS is free, easy to use, and open source. Almost anyone can use JuxtaposeJS, so long as you’ve got links to two similar pieces of media (hosted on your own server or on Flickr). Once you’ve got the links, all you need to do is copy and paste the URLs into the appropriate fields at Juxtapose.knightlab.com, modify labels as you see fit, add photo credits, and then copy and paste the resulting embed code into your site.
You’ve probably seen similar photo slider tools elsewhere. They work well, but we built JuxtaposeJS without relying on jQuery, which makes the tool more lightweight, flexible, and adaptable. It’s also accessible to any newsroom or journalist, regardless of technical skills.
It also offers some customization out of the box. You can modify the handle’s start position to highlight the area of change and choose to click the slider instead of dragging. It is responsive and works on phones and tablets with the touch or swipe of a finger.