Tuesday, April 10, 2018

JuxtaposeJS - Create Side-by-Side Comparison Frames

JuxtaposeJS is a free tool for making and hosting side-by-side comparisons of images. The tool was designed to help people see before and after views of a location, a building, a person, or anything else that changes appearance over time. JuxtaposeJS will let you put the images into a slider frame that you can embed into a webpage where viewers can use the slider to reveal more or less of one of the images.

JuxtaposeJS is relatively easy to use. You don't need to register on the site in order to use the tool. Go to the site and click "Make a Juxtapose." That link will direct you to fill in the template with links to the two images that you want to compare (the images must be hosted online and publicly viewable). After adding your images you can add labels and credits where necessary. Click the publish button to get the embed code for your JuxtaposeJS interactive frame.

Applications for Education
JuxtaposeJS could be a great little tool for students to use to create comparisons of a place before and after a weather event. For example, a comparison of a beach before and after a major storm. Or students could use it to make comparisons of how a building like Fenway Park (my image above) has been remodeled.