Image Juxtaposition
Create interactive images
Description
Image Juxtaposition is a free HTML5-based image content type that allows users to compare two images interactively. Tell your image stories with H5P and Image Juxtaposition on WordPress, Moodle or Drupal. You can choose between a horizontal slider and a vertical slider, set its starting position and optionally label your images.
This functions as and includes the following interactivity(s): – multimedia
Use
For more information on how H5P types work and how they interact, see http://humtech.ucla.edu/instructional-support/ccle-activities-resources/h5p/.
Image Juxtaposition could be used for comparing visual similarities or differences, before and after images, and case studies.
Sample
Help and Resources
- How to add H5P interactive content to your course site – (http://humtech.ucla.edu/instructional-support/ccle-activities-resources/h5p/adding-h5p-interactive-content-ccle-course/)
- H5P – (https://h5p.org/)
- Content author guide – (https://h5p.org/documentation/for-authors)
- Tutorials for authors – (https://h5p.org/documentation/for-authors/tutorials)
- Multilingual content – (https://h5p.org/multilingual-content)
Logo and sample from https://h5p.org/documentation/for-authors/tutorials.