A JuxtaposeJS alternative with image hosting and stats
JuxtaposeJS, from Northwestern University’s Knight Lab, is a well-known free tool for before and after sliders, popular in newsrooms. DiffSlider covers the same job and adds hosting, more views and statistics.
Facts about JuxtaposeJS come from its website, checked on .
DiffSlider vs. JuxtaposeJS at a glance
| Feature | DiffSlider | JuxtaposeJS |
|---|---|---|
| Price | Free (optional Pro) | Free |
| Images per comparison | Up to 10 | 2 |
| Image hosting | Included, no recompression | You provide image links (e.g. your server, Flickr, Dropbox) |
| Views | Slider, side by side, toggle, difference | Slider |
| Zoom | Up to 1600%, synced | – |
| Embed | iframe + Markdown, HTML, BBCode | iframe or JavaScript library |
| Custom styling with CSS | – | Yes, with the JavaScript version |
| View statistics | Free with an account | – |
| Open source | – | Source code on GitHub |
“–” means JuxtaposeJS’s website does not mention the feature.
When JuxtaposeJS is the better choice
If you are a developer who wants a slider library to style and ship inside your own code, JuxtaposeJS is a good fit: its source is on GitHub and its appearance can be changed with CSS. It is also a familiar tool in newsrooms.
When DiffSlider is the better choice
JuxtaposeJS asks for links to two images, so you need somewhere to host them first. DiffSlider stores the images for you, exactly as uploaded, and gives you a link and an embed code in one step.
You can also put up to ten images in one comparison, switch between a slider, side by side, toggle and pixel-difference view, and zoom into the pixels in every view. A free account shows views, interaction rate, countries and the websites that embed each comparison.
Switching from JuxtaposeJS
Download the two images your slider points to, drop them into the DiffSlider tool and publish. Replace the old embed code with the new iframe code from the share panel. The new embed sizes itself to the shape of your images.
Questions
Do I need to host the images myself?
No. Upload them directly; they are stored and served for you.
Does it work in WordPress and other CMSs?
Yes. Paste the iframe code into an HTML or embed block. See our guide to adding a slider to any website.
Spotted something out of date? Email [email protected] and we will fix it.