Skip to main content
Home  ›  Apps

Compare Images (before/after)

Download Latest GitHub Live Demo Other Releases

This is a simple 2-image compare app showing various outputs. The most popular will be the sliding-bar output which looks like this:

Read details below
Gallery jQuery Responsive Retina Simple Stable / For Use in Live Sites top

App Screenshots

Detailed Description

This App allows you to show the user 2 images overlaid - and the user can move a bar to reveal more of the first or the second image as he wants to. This is ideal for comparing images, typically before/after and similar. 

This App is very easy to customize / redesign as you need it.

  1. has various templates like images-only, images with text
  2. keeps track of the images with the DNN-FileID, so image-rename or Image-move won't break the output
  3. uses Token templates, so even admins can install it without host permissions

The sliding-view uses the Open-Source JS twentytwenty by zurb.

System Info

v. 01.03.00
GUID: f5ddb0b5-8f3f-4d85-b63e-de5d88caf096
for 2sxc 08.03.00

Releases

  1. V. 01.03.00 (1/1/2020)

All Main Versions

  1. V. 01.03.00 for 2sxc 08.03.00 - 1 releases
  2. V. 02.04.00 for 2sxc 12.05.00 - 6 releases

Discover more

Getting started

Created by

2sic Internet Solutions

Are you new to DNN-Apps?

If this is the first time you've seen DNN-Apps and would like to try one - just install 2sxc first, then install this app inside it.