Je suis en train de réaliser un petit porfolio et je cherchais à animer un ensemble de Div pour pouvoir les faire switcher entre eux. Calou m’avait parlé d’un plugin jQuery permettant de créer un cycle de rotation entre plusieurs éléments. Alors voilà, je viens vous présenter ici un peu le bazard.

Je ne vais pas vous faire un tutoriel ici, ça ne servirait à rien, étant donné que sur ce site, vous trouverez tout ce dont vous avez besoin pour animer vos éléments. Les exemples proposés sont réalisés avec des images, mais rien ne vous oblige à mettre des images, j’ai pour ma part animé quelques divs. A savoir quand même, on voit dans l’un des exemples qu’il est possible de déclencher la rotation avec un clic sur un lien symbolisant l’id de la div à afficher. Vous pouvez appliquer ceci avec n’importe quel effet et pas uniquement avec celui proposé. Exemple, avec l’effet shuffle :

$('#shuffle')
    //.before('<div id="na">')
    .cycle({
        fx:     'shuffle',
        shuffle: {
                top:  530,
                left:  230
            },
        timeout: 0,
        pager:  '#switch_me'
    });

Vous constatez également que vous pouvez spécifier le “pager” comme il l’appelle et non en créer un automatiquement via la fonction (ce qui est en commentaire). Bon voilà, je ne vais pas plus m’attarder là dessus, car tout se trouve sur le site du Plugin en question, il me semblait juste intéressant de le partager ici.