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.

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: Use the width below based on your page layout.
    WidthPage Layout
    800 Main content area - Full width, no menu, no right sidebar
    783 Main Content area - Full width, no right sidebar
    585 Main content area - with sidebar
    170 Sidebar area
  2. Show Hover Text: If you wish to display hover text on any image, check this box.
Slideshow settings

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