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');">.

An optional link with a caption can be added. The caption is contained inside the link in the .slide-text element.