Tip: use "View page source" functionality of your browser to inspect the html code of example pages.

Documentation on how to use and customize the Carousel is available on the flShow dokuwiki.

Basic functionalities

Simple full-page photo gallery: Just 5 photos (all default options). [ xml]

Simple in-text photo gallery: A Carousel in a standard page with nice white background. [ xml]

Interaction

Mouse interaction: Illustrating various setting related to the mouse interaction. [ xml1] [ xml2]

Keyboard interaction: Illustrating various setting related to the keyboard interaction. [ xml]

Automatic rotation: A Carousel with automatic rotation. [ xml] [ xml]

Links on images: You can add links on images to any URL, anchor, JS function, and FSCommand. Customizable link target and CGI parameters allowed. [ xml]

Movies: Swf movies can be easily loaded inside the Carousel. [ xml]

[ xml]

Advanced features

Transparent background: A Carousel with transparent background. [ xml1] [ xml2]

Customized titles: You can add titles on images and customize their appearance. [ xml1] [ xml2]

Full screen: How to use the full-screen button. [ xml]

Localized messages: Show how to customize loading messages. [ xml]

Carousel and other JavaScript tools

Carousel and LighBox: Show how it is possible to integrate the Carousel with other web tools via JavaScript. [ xml]

Multiset Carousel: An example that dinamically change the Carousel via JavaScript to show several set of images. [ xml] [ xml] [ xml]

Carousel and HighSlide: Show how it is possible to integrate the Carousel with other web tools via JavaScript. [ xml]