Plugin Jquery Roundabout : pour faire des animations sympas !

Le plugin JQuery Roundabout (clique sur l’image pour accéder au site) permet de manipuler le DOM HTML pour faire des animations et organiser des éléments de manière poussé (comme par exemple sur la capture d’écran ci-dessus).

Les utilisations sont multiples : on peut l’utiliser de manière classique, sur des images ou sur des éléments de formulaires (et c’est cette application que j’apprécie le plus). Il faut aussi voir la démo sur tous les contrôles JQuery réalisables avec le plugin JQuery.

Le nombre d’options est assez important, on peut donc faire plein de choses différentes avec le plugin. J’ai trouvé la doc bien claire et exhaustive, les exemples et démos sont suffisants. Il ne faut rien de plus, à mon avis, pour le classer parmi les bons plugins JQuery !

Pas encore de billet sur le même sujet !

Cette entrée a été publiée dans JQuery, avec comme mot(s)-clef(s) , , . Vous pouvez la mettre en favoris avec ce permalien.

3 reponses a Plugin Jquery Roundabout : pour faire des animations sympas !

  1. aurelien dit :

    Bonjour, ce plugin est vraiment bien fait mis à part un point …
    Impossible de faire un preload des images ou simplement cacher les images au chargement.
    Une idée peut être ?

  2. hash dit :

    J’ai crée un nouveau mouvement à ajouter au plugin Roundabout Shapes, ça peut toujours servir. Ça reprend un peu le « coverflow » de iTunes, mais là c’est que pour un seul coté.
    Donc dans le plugin Roundabout Shapes vous rajoutez ces lignes-là :

    coverflow: function(r, a, t) {
    return {
    x: Math.cos(r + 0.2)/2.2,
    y: (Math.cos(r + 3*Math.PI/2 + a) / 8) * t,
    z: -(1/Math.PI) * r - 1,
    scale: (Math.sin(r + Math.PI/2 + a) / 2) + 0.5
    };

    },

  3. hash dit :

    Merde y’a un smiley qui fait de la merde (dans une balise c'est pas terrible ça) :
    y: ( Math.cos ( r + 3 * Math.PI / 2 + a ) / 8 ) * t

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Vous pouvez utiliser ces balises et attributs HTML : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="" highlight="">