Use a Two-column or Three-column image Block to compare/contrast or add multiple related images. Combine a number of Two- and Three-Column Blocks to create a striking collage page. 

The Carousel Block has many applications; for example, you can create a mini slideshow within your step and add text or audio in a new Block to accompany it. Or, simply allow the learner to browse a portfolio of images.

Sample 3-column Image: learner preview mode on left and edit mode on right

Sample Carousel Image: learner preview mode on left and edit mode on right

👉Note: This article will cover image Blocks for multiple images. To see more options for adding single images, see Image Blocks.

How to add Gallery images

  1. Create a new step on your course Path and open the step.
  2. Select "Gallery" then choose one layout option (you can switch between layout options later). You've added a Block to your step!
  3. Select "Replace Image" and use the Media Manager to upload and insert your images. Or, for the Carousel layout, select the ➕ icon to add a new image or the 🔄 icon to change an image.
  4. Optionally add more Blocks. When finished, hit Publish.

Features

You can switch between three types...

  • Two-column - great for comparing two images, and can be paired with the Two-column text Block.
  • Three-column - works well for a series of smaller, related images.
  • Carousel - displays one image at a time at full width; the learner can move through images like slides at their own pace. Can be used effectively as a mini slideshow.

You can additionally...

  • Upload files in the following formats: JPEG, PNG, GIF, etc.
  • Reuse files in other steps once stored in the Media Manager.
  • Upload multiple files at once (new!)

FAQs

Q. What are the recommended file sizes and resolutions?
A. See the end of the Media Manager article here.

Q. Can I add captions to these images?
A. Gallery image Blocks don't currently include captions, but can be paired with text Blocks above or below.

Q. Can I resize images?
A. Yes, you can crop an image before uploading or after uploading. If you've already uploaded the image, find the image in your Media Manager and select Details, then Edit Image. After editing, reinsert the edited image into the step. See more about using the Media Manager here.

Q. Are images compressed or otherwise optimized for faster loading?
A. We do not compress images uploaded to image Blocks, but the following may happen to an image uploaded anywhere in the Blocks media manager:

  • We limit image dimensions to 2000 x 2000.
  • We limit image (storage) size to 100mb per image.
  • Certain block types (ex: image with text, etc.) will restrict image size based on their particular layout.

To summarize, we don't automatically compress your images, but we do have some limitations in place to optimize load time.

All Blocks enable you to...

  • Toggle between similar layouts.
  • Duplicate the Block to edit and reuse on the same step.
  • Reorder Blocks up and down the page.
  • Insert additional Blocks above or below.
  • Delete Blocks.
  • Preview the entire step as a learner.
  • Undo previous edits (Control+Z to undo your last edit to text, or click "Publish," then "Discard" to undo all edits since you last published the step).
  • Copy & paste the entire step or lesson and reuse in the same course or another course.

Learn more about Blocks.

Did this answer your question?