Widget Type - Rotating Image Banner
The Rotating Image Banner widget displays several banner images that will transition every few seconds. The widget is configured by setting the banner height to 25%, 50%, 75%, or 90% of the browser height, and adding each individual banner image. Depending on the height configuration, optional fields can be added to the image which include a title, sub title, logo, and button link based on the selected theme's primary colour. The content is a static overlay on top of the rotating image and is configured per image.
Available in the following Content Blocks: Extra Large
Requirements: N/A
Configuration
Any field marked with a red asterisk (
*) is required in order to save the widget. The same fields do not need to be entered for each image. Once all the applicable fields have been configured, click
Save & Close to save the widget. Once an image has been added, hover over the existing image to
Edit or
Delete that image.
- Theme:* choose between 1 of 3 custom themes that have been applied to the website
- Banner Height: choose the height of the banner as it will appear on the page
- 25% Banner Height: will only include the slide image and title due to the smaller image size
- 50% Banner Height: will include slide image, title, teaser text and button
- 75% and 90% Banner Height: will include all features
- Rotation Timing: Set the timer for image rotation (in milliseconds)
- Slide Transition: Select the transition effect from one image to next:
- Options are Linear or Fade
- Add item: click to add a banner image
- Slide Image: is the main rotating image; choose an image by clicking Select and choosing the image from the Media Libraries
- Content Alignment: controls the alignment of the overlay content (logo, title, etc.); options include top, center and bottom
- Title Only: will only display the title
- Enabling this option will only display the title, which can be split into two lines and choose the font size
- Logo: will display on the slide image; choose an image by clicking Select and choosing the image from the Media Libraries
- Logo Size: will control the size of the logo; options include Small Logo, Medium Logo and Large Logo
- Logo Alignment: select to align the logo on the banner image. Options are: Left, Center (default) or Right
- Title: enter a title for the image
- Title Alignment: select to align the title on the banner image. Options are: Left, Center (default) or Right
- Teaser Text: enter a subtitle for the image
- Show Button: checkmark the Show Button checkbox to turn on the button link that will display on the image banner; if enabled, there is the option of adding up to 3 button links
- Button Text: enter the text that will display as the button link
- Button URL: click Select and choose where the user will be directed to when they click on the link
- Web: if you want to link to an external site
- Media Libraries: if you want to link to a PDF
- Content Tree: if you want to link to an internal page; select the page on the Content Tree that you want to link to
- Scroll down: checkmark the Scroll down checkbox to include a down arrow on the image that can be clicked on and will take the user to the next widget
- Select: click Select to add the image to the widget, once all the fields have been configured accordingly