Examples

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). [Download xml]

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

Interaction

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

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

Automatic rotation: A Carousel with automatic rotation. [Download xml] [Download 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. [Download xml]

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

[Download xml]

Advanced features

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

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

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

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

Carousel and other JavaScript tools

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

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

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

Carousel Slideshow Icon