Products

JuxtaposeJS

Frame comparisons. Easy to make. Seamless to publish.

What it does

JuxtaposeJS helps journalists tell stories by comparing two frames, including photos and gifs.

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.).

By way of example, look at the change Sochi underwent between 2005 and 2013:

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.

JuxtaposeJS joins four other tools in Publishers’ Toolbox, which we hope makes the suite of tools even more useful for journalists looking for quick-to-deploy, easy-to-use storytelling tools.