Image Juxtaposition

Image Juxtaposition allows users to compare two image interactively.  Choose between a horizontal and vertical slider, set a starting position and optional label(s).  


Example 1 - Visible and near-infrared light

Example 2 - River webcam

Example 3 - Before and after flooding

Get started

1. Log into your Moodle course, select Menu, Site pages, Content bank

2. Click the Add button in the right corner of the screen.  Select Image Juxtaposition

3. Give the content a Title then add an optional heading and the first image.  Select Decorative only or add Alternative text.  Choose optional Hover text and Label.

4. Repeat for the second image.  Note:  Only 2 images allowed

5. Review Behavioral settings and Save when complete

Return to H5P Content main