<div id="carousel">
<ul>
 <li><img alt="" src="p1.jpg" width="500" height="213" /><p>This carousel has no padding applied to it so you won't see hints for the previous and next images. Also, the progress bar could be disabled by setting just one option on the plugin.</p></li>
 <li><img alt="" src="p2.jpg" width="500" height="213" /><p>This is the caption for the second image. The height of the caption box is an option.</p></li>
 <li><img alt="" src="p3.jpg" width="500" height="213" /></li>
 <li><img alt="" src="p4.jpg" width="500" height="213" /><p>It's not easy being green.</p></li>
 <li><img alt="" src="p5.jpg" width="500" height="213" /></li>
 <li><img alt="" src="p6.jpg" width="500" height="213" /><p>You can easily mix images types. Gif, png, and jpeg all work without any issues.</p></li>
 
</ul>
</div>
 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="jquery.infinitecarousel.js"></script>
<script type="text/javascript">
$(function(){
 $('#carousel').infiniteCarousel();
});
</script>
 
#carousel ul {
 list-style: none;
 width:1600px;
 margin: 0;
 padding: 0;
 position:relative;
}
#carousel li {
 display:inline;
 float:left;
}