Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Slideshow Activity

With the Slideshow Activity, students view images associated with the subject and content of the lesson. The slideshow can include custom text for each image as well. You can also add audio (in an mp3 format).

See online example.

Panel
bgColor#DEEBFF

Things to know

Activity title:

Up to 35 characters look best (50 max)

Activity instruction:

Up to 50 characters look best (500 max)

Slide limits:

Maximum of 50 slides can be created withing each activity

Character limits:

Up to 110 words at 100% for full text layout

Up to 120 words at 100% for above/below layouts

Up to 100 words at 100% for left/right layouts

Activity image best practice:

Recommended image size 1020 x 665

4:3 Image Aspect Ratio work best

Top/Bottom Layout:

Recommended image size 1000 x 272

Left/Right Layout

Recommended image size 342 x 358

Panel
bgColor#DEEBFF

To maintain image quality, crop the image dimensions using any image editor (ex. Paint/Paintbrush).

If an image is re-sized but not cropped to match pixel dimensions, the image may be stretched or squeezed to fit which can degrade the image quality.

Panel
bgColor#DEEBFF

Image of Completed Activity

Slideshow_Activity.jpg
Panel
bgColor#DEEBFF

Tips

  1. Full image view is recommended.

  2. Add text above, below or either side of the image in various overlay options.

    Slideshow - overlay option.png
  3. Add multiple local image slides at once using the icon and select multiple images.

    Slideshow MultipleSlides.mp4
Panel
bgColor#DEEBFF

Accessibility

Screen readers will also read out loud:

  • Activity Title

  • Activity Instructions

  • Activity Keyboard Command List

  • Image Alt Text

  • Text added to the slide overlay

Panel
bgColor#DEEBFF

Keyboard Command list for Activity

Slideshow Keyboard Commands.png

Create a Slideshow Activity

Panel
bgColor#DEEBFF

Build the Activity

  1. Click the Plus Icon.pngImage Added icon to create a single slide.

  2. Add Alt text for the image (required).

  3. Click Back to return to the activity editor.

  4. Repeat steps 2-4 until each image contains the required Alt text.

  5. When finished, click OK.
    The Labeling Activity placeholder will appear in the lesson.

  6. Preview the lesson changes.

Panel
bgColor#DEEBFF

Slideshow Activity video

Slideshow Activity.mp4
Panel
bgColor#DEEBFF

Fill image: ON

When Fill image is ON, the image will display fill the entire slide from top-to-bottom and left-to-right.

Panel
bgColor#DEEBFF

Slide with Fill image: ON

image-20240827-191717.png
Panel
bgColor#DEEBFF

Fill image: OFF

When Fill image is OFF, the image will display with the actual image dimensions.

The image may not fill the slide completely.

Panel
bgColor#DEEBFF

Slide with Fill image: OFF

image-20240827-191413.png
Panel
bgColor#DEEBFF

Slide Background Color

With the Fill image: OFF setting, you can customize the slide background color.

Panel
bgColor#DEEBFF

Image of a Custom Background Color

Slideshow Background Color palette.png
Panel
bgColor#DEEBFF

Add Media

Add audio files per slide.

Students will click to play the audio file on the slide.

Panel
bgColor#DEEBFF

Video of creating Slideshow Activity with audio files

Slideshow Add Media.mp4
Panel
bgColor#DEEBFF

Customize a Slide

You can add additional content to the slide by selecting an overlay.

This is how the added content will be displayed in the slide.

There are several Overlay options.

  • Center over image

  • At the Top over image

  • At the Bottom over image

  • At the Left over the image

  • At the Right over the image

  • Above the image

  • Below the image

  • At the Left of the image

  • At the Right of the image

  • Centered, no image

Panel
bgColor#DEEBFF

Video of Overlay options

Slideshow Overlay options.mp4

Panel
bgColor#DEEBFF

Vertical Text Alignment

When Show Answers is enabled, any empty placeholder will automatically display the label in the correct placeholder.Text can display in the slide at the:

  • Top

  • CornerCenter

  • Bottom

Panel
bgColor#DEEBFF

Video of different Vertical Text Alignments

top-center-bottom.mp4

Slideshow Activity Mobile Views

Vertical

Horizontal

Slideshow Vertical.pngSlideshow Horizontal.png