Rotating Header Banner with Caption
The rotating header banner is integrated with the page header. It appears as a background to the other header elements. The markup is contained in /ssi/header-slideshow-banner.html
. The banner can only appear on templates with the .primary
class applied to the body element.
Each slide in the banner containes a background image and a caption that functions as a link. The image is set by changing the background
property in the style attribute for <div class="slide" style="background-image: url('sample/images/background_1.jpg');">
. The recommended dimensions of the banner images are 1500 by 500 pixels.
An optional link with a caption can be added. The caption is contained inside the link in the .slide-text
element.