Plugin jQuery Flip !

Amateurs d’animations et de transitions en tout genre bonsoir.

Un petit plugin jQuery permettant de réaliser des transitions assez sympathiques par rotation: Flip!

La rotation de votre contenu peut se réaliser dans les 4 directions (haut, bas droite, gauche) et Flip ! a été testé avec succès sur les navigateurs les plus courants (IE compris jusqu’à la version 8).

une fois flip uploadé sur votre site, voici comment l’instancier:

$("#flipbox").flip({
	direction:'tb'
})

3 callbacks sont disponibles pour Flip, permettant de faire de la gestion événementielle:

$("#flipbox").flip({
	direction:'tb',
	onBefore: function(){
			console.log('avant le début de l'animation');
	},
	onAnimation: function(){
			console.log('Pendant le déroulement de l'animation');
	},
	onEnd: function(){
			console.log('Une fois que l'animation est terminée');
	}
})

Enfin, il est possible d’inverser l’état d’une animation de la manière suivante:

$("#flipbox").revertFlip()

Flip ! est disponible ici, sous licence MIT/GPL

Vous voudrez également consulter:

1. Roundabout: Animation sans Flash, avec style
2. Une magnifique galerie utilisant jQuery
3. Bullez sévère avec qTip
4. Compass DataGrid: enrichissez l’affichage de vos données