Est-il possible de créer des effets de transition de bande similaires à Nivo curseur avec le cycle jquery?

Question

Je suis un grand fan de la plug-in cycle de jquery ce serait cool si elle avait des effets de transition plus complexes semblables à Nivo curseur ou jqFancyTransistions .

Je comprends la jist de la façon de créer des effets personnalisés avec cycle jquery, mais je vais avoir du mal à essayer de comprendre comment créer les effets de transition de bande similaires à nivo curseur et jqfancytransitions ou si son possible tout en jquery cycle. Toute aide sur ce serait grandement apprécié. Merci!

Answer 1

J'ai fouetté un minimale preuve de concept démo . Il est écrit en tant que plug-in de transition du cycle de jQuery approprié.

Selon la façon dont vous êtes heureux de jouer avec le code, il devrait fournir un bon point de départ. J'ai commencé à travailler à la transition aléatoire moi-même, comme cela semblait être la seule transition qui a fait plus que de manipuler les propriétés CSS, que je pense ne pas suffire pour ce que vous visiez.

Depuis que je l'ai utilisé ni jQuery cycle avant, ni plug-ins de transition écrites, il est tout à fait possible que j'ai commis des péchés cardinaux dans quelques détails sur la façon dont il est écrit.

En outre, il peut certainement être optimisé. A ce stade, il est écrit pour plus de clarté première, deuxième performance. Cependant, sur mon (assez rapide) la machine, l'animation et le temps de réaction sont fluide et instantanée.

Donc, là vous l'avez.

edit: démonstration inclut désormais la documentation pour les options exposées en plus et quelques exemples qui montrent comment obtenir des effets différents simplement en passant différentes options.

modifier 2: J'ai généralisé les bandes de tuiles et de mettre beaucoup plus d'exemples sur la démo .