Carousel
Prev
Next
Tabber
With a few settings tweaked. The carousel becomes a solid tab area
Tab One
Tab Two
Tab Three
Tab Four
Code
Code for this example
javascript
$('#tabber').billy({
slidePause: 5000,
indicators: $('ul#tabber_tabs'),
customIndicators: true,
autoAnimate: false,
noAnimation: true
});
xhtml
<!-- The Tabs -->
<ul id="tabber_tabs">
<li><a href="#0">Tab One</a></li>
<li><a href="#1">Tab Two</a></li>
<li><a href="#2">Tab Three</a></li>
<li><a href="#3">Tab Four</a></li>
<li><a href="#4">Code</a></li>
</ul>
<!-- Tabbed Area -->
<div id="tabber_clip">
<ul id="tabber">
<li><img src="images/desert.jpg" width="900" height="400" alt="Desert"></li>
<li><img src="images/lady.jpg" width="900" height="400" alt="Lady"></li>
<li><img src="images/wood.jpg" width="900" height="400" alt="Wood"></li>
<li><img src="images/pond.jpg" width="900" height="400" alt="Pond"></li>
</ul>