We have customized the fabulous jQuery-based script "Anything Slider" and integrated it into this template.

You can use it on as many pages as you wish, by simply building a list. As the name indicates, the Anything Slider can hold just about anything! HTML, Images, Text, you name it! It automatically builds the navigation and slideshow functions depending on how many items are listed.

In our above example, we've loaded the script up into the module position HEADER, so you can see how it looks.

The important thing is to frame your unordered list with with the two divs you see here, like this:

<div class="anythingSlider">
<div class="wrapperas">
<ul>
<li><img src="/images/stories/01.jpg" border="0" /></li>
<li><img src="/images/stories/02.jpg" border="0" /></li>
<li><img src="/images/stories/03.jpg" border="0" /></li>
<li><img src="/images/stories/04.jpg" border="0" /></li>
</ul>
</div>
</div>

The slider is fully customizable via the template manager or, if you disable it there, the corresponding css file. Learn all you care to know about its customization right here.