WiscWeb CMS - Photo Carousel Content Class

This document shows how to use Photo Carousel on your website.

WiscWeb CMS Standard Template Content Classes - Photo Carousel

Photo Carousel

The Photo Carousel content class displays a set of images in a banner layout usually placed at the top of a page, typically a site's homepage. The content class includes settings for the transition effect used as the images display, the length of time before the transtion occurs, and captions for the images. If you have not seen a Photo Carousel on a website the CMS Standard Template Demo Site has one on its homepage.

NOTE: The Standard Template has predetermined widths for its left/right side and main column areas and an optimum height for images used in the Photo Carousel. Your images need to be edited (scaled, cropped, etc.) to fit within these constraints (in pixels):

  • With a column on the right or left side, images should be 733px wide by 205px high.
  • Without any left/right columns images should be 958px wide by 205px high.

The height can be easily adjusted if needed (contact CMS developers at cms-support@lists.wisc.edu).

If you use a Photo Carousel content class on a custom CMS web site, the CMS developers will have configured the Photo Carousel expecting specific width and height values. If you require help in determining these values, contact cms-support@lists.wisc.edu.

Photo Carousel: how to create

  • Open the Page
    open page.jpg
  • Click on Manage Center Blocks
    manage center blocks
  • Click on Create And Connect Page
    create and connect page
  • Click on Photo Carousel
    photo carousel selection
  • You will see the following:
    photo crousel see the following

    To configure the Carousel:

  • Click on Edit Configuration
    edit configuration
  • Click on Transition Effect to make your photos to scroll, flip, uncover, wipe, zoom
    sPhoto Carousel Transition Effect
  • Edit if you want a additional delay on first slide (optional) and edit the time you want between slide change.
    Photo Carousel Edit Transition Effect
  • To add photos/images to be displayed:

  • Click on Manage Banners
    Photo Carousel Manage Banners
  • Click on Create and Connect Page
    create and connect page
  • Name your page headline
    Photo Carousel Edit Page Headline
  • Click on your page headline by Current Banners
    Photo Carousel Current Banner
  • Open banner info
    Phot Carousel Banner Info
  • Click on Red Dot by Photos
    RedDot
  • Click on Select Asset from Local File System.
    select asset from file system
  • Browse to Photo
    Photo Carousel Path And File Name
  • Click OK
    OK
  • Edit your alt attribute and caption (caption is optional) and click OK
    Photo Carousel Path File Name
  • Repeat steps to add more photos
    Photo Carousel Alt Caption



  • Keywords:wiscweb cms templates content classes photo arousel image size standard standard template add create use how to   Doc ID:25413
    Owner:Ryan H.Group:WiscWeb CMS
    Created:2012-08-02 10:21 CDTUpdated:2014-12-02 12:34 CDT
    Sites:DoIT Help Desk, WiscWeb CMS
    Feedback:  1   0