Back to Top
Skip to Site Search Skip to Utility Nav Skip to Top Nav Skip to Left Nav Skip to Content
Close Main Menu

Creating a Slideshow

Overview

Slideshows are used:

  • for conveying announcements/events and directing the visitor to more information.
  • for marketing some aspect of your program.
  • for showcasing achievements or work with links to more information.
  • to emphasize something you already have on the page.
  • sparingly. Don't just throw up pretty pictures.

Try to keep your slideshow to no more than five images. In today's world, people are looking for information quickly and may not wait for a slideshow to cycle through all the images to find the one they want.

Learn more about creating slideshows. Also, be sure to review our image guidelines.

Instructions

Set Location of Slideshow Block

  1. In the left panel, go to "_blocks/manual."
  2. Click on "manual" so it is highlighted (this is where your new block will be created).
Location of blocks in Cascade

Create a New Slideshow

  1. In the top menu bar, select "New -> Blocks -> Slideshow."
New menu - Blocks - Slideshow

Complete Initial Fields

  1. Parent Folder: Can leave as is or change at this time. (All blocks must be in the _blocks/manual folder or a subfolder within this folder.)
  2. Title: This becomes the block name. (Recommended format:  ss-nameofslideshow)
  3. Description: Optional. Can make notes here for future reference.
Parent folder, title, and description of new slideshow block

Slideshow Settings

  1. Width Reminder: Dimensions for images in slideshows in the impact image area should be 971 x 370; dimensions for images in slideshows in the body content should be no larger than 675 x 450.
  2. Type: Select "Slideshow."
  3. Autoplay: Choose autoplay if you want the slideshow to automatically cycle through the images. 
  4. Overlay Text: Choose this option if you want to include an informative caption at the bottom of your image.

Adding Images

  1. Original Image:
    1. Click the page icon or search.
    2. Select the original image you uploaded, not one of the images with the width and height on the end. (The width you selected earlier will select the correct image.)
  2. Alternate Text: Required. Explain what is in the image, including any text on the image itself. But keep it short.
  3. Overlay Title: Optional. If you wish to have overlay text, this text will display over your image if you checked the box to Show Hover Text.
  4. Overlay Description: Optional. Same as Overlay Title, but the text is a little smaller and sits below the Overlay Title.
  5. Link to: Optional. You can link to a page with further details.

Note:  You can add another image by clicking the green "plus" sign in the upper left and repeat the steps above.

Fields to be completed for an individual image in a slideshow

Submit the Slideshow Block

  1. Click "Send to Workflow."
  2. At the Spell Check screen, click "Submit."
  3. At the "Start Workflow" screen, tell us what you did in the "Comments" box. This helps us tremendously in the approval process.
  4. Click "Submit."

Filling in the comments box in the workflow in Cascade

  • Access to either the training web site or as a web editor to your site.
  • Cascade: Basic I training
  • The URL of the web page, document, or feed you are creating the link for.

Keep in Mind:

  • All images should be the same height and width in a single slideshow.
  • It's preferred the images be in a horizontal format (wider than tall).

Summary

UNG follows Section 508 Standards and WCAG 2.0 for web accessibility. If you require the content on this web page in another format, please contact the ADA Coordinator.

Back to Top