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.