Slide Carousel
This is a fancy implementation of the YUI carousel which shows only one image at a time with a description field and image previews for navigation. This uses the YUI carousel found only in YUI 2.6.0. While developing this, I found that YUI’s carousel implementation is very buggy and not yet ready for production. I fixed a few issues in slide_carousel.js but there is a Safari bug which would have taken up many lines of code to work around. This issue will probably be fixed in YUI 2.6.1, so you might want to wait until that release to use this in production (also, it appears the Webkit nightlies fix the offsetWidth issue).
Note:
When creating your item list, make sure to use the HTML5-friendly data-preview attribute to hold the URL to the image preview. Example:
<ol id="carousel-list">
<li>
<a href="http://flickr.com/photos/mihakrofel/2174058483/">
<img src="./giraffe_large.jpg" data-preview="./giraffe_small.jpg" alt="Silhouette of Two Giraffes">
</a>
</li>...
You can view the sample here.