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 examples, we've loaded the script up into the module positions HEADER, the TOP, and TOP2, so you can see how they look.

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 corresponding css file. Learn all you care to know about its customization right here.