Home > User Guides > VLE Guide for Instructors > Adding H5P Interactive Content >  Image Pair

Image Pair

Image Pair is an H5P content type that is used for creating a match-making activity where students must match two images. Students are presented with the unpaired images and have to either use drag and drop or click on the images they think matches. This content can also be used as a way to test the students’ understanding of a relation between two different images.

Below is an interactive example of the Image Pair content type.

In order to create an Image Pair content type:

1. Go to your content bank, click the Add button, and choose Image Pair. Doing so will redirect you to the Image Pair editor. Click the Enter Fullscreen button on the top-right of the editor to enable fullscreen editing.

Image Pair: Choosing Image Pair in the dropdown menu

2. Type the title you want to give to your new Image Pair content type in the Title field. This will be useful if you want to search for the content later.

Image Pair: Title field

3. Give the task a description by typing in the Task description field.

Image Pair: Task description field

4. Go to the Cards section. You will add cards here.

Image Pair: Cards section

5. Add an image to your card by clicking the Add button in Image. After uploading the image, you can remove or edit it and its copyright details. Supply the Alternative text for Image field with a description of the image. You can also add an optional matching image to match against the image above and its alternative text.

Image Pair: Adding images to the card

6. You can add more cards as you see fit by clicking the Add card button at the top-left corner of the section. If you want to remove a card, click the “x” button at the right corner of a card tab. Click the up and down arrows at its left side or drag the card tabs if you want to rearrange them.

Image Pair: Adding and manipulating cards

7. In the Behavioural settings section, you can manipulate how your content will behave.

Image Pair: Behavioural settings section

8. Click the Save button if you are done editing. It will now be added to your content bank for future use.