Javascript Image/Text Carousel Script
This example was produced using javascript, css and html.
The speciality of the script is, you can define a image, news, external file (using ajax) and put inline frame (iframe) to show external site or page. This all can be done using only link tag (<a href=...></a>) . Link tag will dynamically create the tabs and will give you the functionality to browse through the tabs. A slideshow functionality can be added later. Here is the html code for the tabs and contents,
<h1>inside container</h1>
</div>
<div id="tabs" class="tabstyle">
<ul>
<li><a href="images/001.jpg" name="Human mind" rel="#img" class="selected">Image 1</a></li>
<li><a href="images/002.jpg" name="Success in bussiness" rel="#img">Image 2</a></li>
<li><a href="images/003.jpg" name="Locked in a handcuff" title="This is the 1st news caption" rel="#news">News 1</a></li>
<li><a href="images/004.jpg" name="Biomatric security" title="This is the 2nd news caption" rel="#news">News 2</a></li>
<li><a href="external1.htm" rel="container" title="Loaded using ajax from external1.htm">File 1</a></li>
<li><a href="external2.htm" rel="container" title="Loaded using ajax from external1.htm">File 2</a></li>
<li><a href="http://www.ahmedamin.net" rel="#iframe">Iframe</a></li>
</ul>
</div>
<script type="text/javascript">
var carousel=new ajaxtabs("tabs", "container")
carousel.setpersist(true)
carousel.setselectedClassTarget("link") //"link" or "linkparent"
carousel.init()
</script>
<div id="pagination">
<a href="javascript:carousel.cycleit('prev')" class="pagination-left"> <Back </a>
<a href="javascript:carousel.cycleit('next')" class="pagination-right"> Forward></a>
</div>
<p><a href="javascript: carousel.loadajaxpage('external2.htm')">Load "external2.htm" into content container via Ajax</a></p>
<p><a href="javascript: carousel.expandit(3)">Dynamically select last Tab</a></p>
<p><a href="javascript: carousel.loadiframepage('http://www.google.com')">Load "Google Homepage" into content container via IFRAME</a>
</p>
To see the page directly click here
