Skip to main content
Home  ›  Apps

Compare Images (using touch-slider JS twentytwenty)

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

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.02.00
f5ddb0b5-8f3f-4d85-b63e-de5d88caf096

Discover more

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.

Loading Comments...