Thumbnail carousel
From pixyWiki
For displaying multiple images for a single entry on the Archives page we use the Prototype Carousel Class by Sébastien Gruhier. It's dependent on both the prototype and script.aculo.us scripts, so to get it working you will need the following in the <head> tag of your HTML page:
## load the CSS files for external JS libraries <link rel="stylesheet" href="$url.site/theme/scripts/carousel/css/carousel.css" type="text/css" media="screen" /> ## load the scriptaculous JS libraries <script type="text/javascript" src="$url.site/theme/scripts/scriptaculous/prototype.js"></script> <script type="text/javascript" src="$url.site/theme/scripts/scriptaculous/effects.js"></script> <script type="text/javascript" src="$url.site/theme/scripts/scriptaculous/scriptaculous.js"></script> ## load the scriptaculous dependent JS libraries <script type="text/javascript" src="$url.site/theme/scripts/carousel/carousel.js" ></script>
For more information and examples of how to use this script, check-out the official Prototype Carousel Class site.

