Carousel Galleries
The carousel style gallery displayes images in a rotating carousel with titles and descriptions placed on top. These are sometimes referred to as slider galleries. Carousels are defined in the Advanced section of the Gallery Options Panel using advanced code:
style=carousel;
Image Sizing
- Crop images to have the same height. Uploading images of various heights will cause any content below to move unexpectedly when the carousel changes.
- Carousel Galleries are a responsive item. Responsive elements fill 100% of the width of where they are placed. This means that your images will need to be a as wide or wider than the column they are placed on any screen width. Use the table below to determine the minumum width of the carousel image based upon where it placed on your page.
Recommended Minimum Image Width
| Page Layout | |||
|---|---|---|---|
| 1 Column | 2 Column Main | 3 Column Main | Side Column |
| 1200px | 900px | 600px | 600px |
Examples
Default Carousel
This is the description. Big Red is pointing.
This image only has a description. Big Red is working hard on his website. The next image has nothing, it's just an image.
Carousels can be placed anywhere on the page including side columns and column snippets. The examples below are placed inside a 2 col snippet. When adding a carousel to a side column or snippet, you may want to leave the description blank since there is not as much space to display that content.
Need Assistance?
The WKU ITS Service Desk is here to help. Give us a call, chat with a representative online, use the Self-Help Knowledge Base and more.
Some of the links on this page may require additional software to view.