Agile Carousel — Un diaporama agile et plein de ressources

Agile Carousel est un script qui permet de faire défiler automatiquement ou manuellement du texte et des images. Il existe des centaines de diaporama plus ou moins gourmands en ressources et possédant plus ou moins d’options. Agile Carousel semble un bon compromis entre le poids et les fonctionnalités. Le format de données JSON permettra à votre Slideshow de dialoguer avec les informations issues de votre CMS préféré.

Comment utiliser Agile Carousel

<link rel="stylesheet" href="agile_carousel.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.js"></script>
<script src="agile_carousel/agile_carousel.a1.js"></script>
<script>
    // Code used for "Flavor 2" example (above)
    $.getJSON("agile_carousel/agile_carousel_data.php", function(data) {
        $(document).ready(function(){
            $("#flavor_2").agile_carousel({
                // required settings
                carousel_data: data,
                carousel_outer_height: 330,
                carousel_height: 230,
                slide_height: 230,
                carousel_outer_width: 480,
                slide_width: 480,
                // end required settings
                transition_type: "fade",
                transition_time: 600,
                timer: 3000,
                continuous_scrolling: true,
                control_set_1: "numbered_buttons,previous_button,
                ... (continues on same line)... pause_button,next_button",
                control_set_2: "content_buttons",
                change_on_hover: "content_buttons"
            });
        });
    });
</script>

→ Agile Carousel est sur github.