jQuery Text Flipper?
Je recherche un navigateur multi-navigateur basé sur jQuery (avec une prise en charge jusqu'à IE7), un texte "flipper" avec un comportement similaire à celui sur iPhone. Je pense que c'est une fonctionnalité iOS 5 - si un message texte ou une autre notification arrive pendant que je fais autre chose au téléphone, une petite région horizontale en haut (pleine largeur et peut-être de 15 à 20 pixels de haut) s'affiche avec certains texte. Après quelques secondes, la région rectangulaire et le texte "bascule" et disparaît.
J'aimerais faire quelque chose de similaire sur une page Web. Mais en plus de l'effet de retournement/fondu, j'ai besoin de la chaîne de texte pour passer à la suivante: une liste. J'aurais peut-être 10 ou 20 chaînes ensemble. J'aimerais que chacune d'entre elles s'affiche pendant quelques secondes, bascule/passe en fondu à la suivante, puis recommence la liste complète après avoir atteint la fin.
Quelqu'un connaît-il un plugin jQuery qui fait ça?
Le plus proche auquel je peux penser est le Flip! Plugin , en utilisant les options top ou bottom.
Notez simplement que l’effet ressemble plus à un retournement d’avion dans un espace 3D. Les notifications iOS que vous décrivez visuellement se comportent un peu plus comme s'il y avait un bloc "physique" de l'interface en rotation. Je ne suis pas sûr d’avoir déjà vu quelqu'un l’appliquer de cette façon, surtout pas avec le maintien de la pièce en rotation, si cela était possible.
[EDIT]
L'option d'effet "TurnDown" du plugin jQuery Cycle ressemble plus à l'animation de notification iOS. Ce plugin est destiné à être utilisé dans des situations où vous basculez entre plusieurs objets plutôt que d'afficher une seule notification (vous n'avez pas vraiment dit ce que vous faisiez), mais le code est bien documenté et vous pouvez probablement choisir la routine de l'effet d'animation sans trop de travail pour une réutilisation unique.
Essayez jQuery Mobile. Ce n'est pas vraiment un plugin. Mais il a de multiples effets pour les navigateurs mobiles et fonctionne sur les navigateurs modernes.