Web Pattern Library
 

Carousels / Image Sliders

Carousels rotate through several images and can have captions and act as links to other pages.

  • Carousels are created using the Image Slider component. In the component, you will supply an image, link, and caption. Only the image is required.
  • All images used in a carousel should have the same dimensions.
    • E.g. carousels on a typical page with a side navigation menu should use images that are at least 900px tall. The typical/recommended size is 900px by 400px.
  • Images in sliders should be primarily imagery and not primarily text.
  • The maximum number of slides that may be included in a carousel is 6.
  • Carousels do not currently appear inside of Cascade, however they will appear once the page is published.