Split image

This element is used to insert an image with a slider, which the user can click and drag to to reveal or hide a second image underneath.

Split image

(Animated GIF - Click image to enlarge)

Place the cursor where you want the code to appear in the content field and select the element from the right-hand list. The Image Browser will appear.

Select the two images you want to insert, then click Done. The code will be placed in the content field.

Split image code appears like this:

{splitimage filename1.jpg|filename2.jpg} 

Default instance of this code.

  • Images will be arranged in filename alphabetical order by default, regardless of the order they were selected. You will have to edit the code manually if you want to arrange them differently.
  • Images with the same size dimensions work best. Different size images can be used, but will cause issues with their appearance when the course is played.
  • If your first image has areas of transparency (if PNGs for instance), the second image will be visible through these areas.