Jquery Cycle et effets à l'intérieur de chaque diapositive

Question

Je veux créer un carrousel à l'aide du cycle avec les effets suivants:

1. Les diapositives fanent ou diapositives lorsque l'utilisateur clique sur un bouton précédent/suivant
2. Quand les finitions de diapositives En chargeant, il y a du texte et des images dans chaque diapositive que je veux animer aussi bien avec un slide in ou un fondu en effet.

Questions: 1. Comment peut-on faire pour que les transitions soient lisses (comme celles d'un diaporama flash)? J'ai pensé à cacher le texte/les images et à les animer quand la fonction "après" est appelée.

2. Et comment voudrais-je animer le texte sur la première diapositive lorsque l'utilisation vient à la page. Cycle anime chaque page lorsque vous les parcourez.

Merci à l'avance.

Vincent

Answer 1

Garder les transitions en douceur est un équilibre entre la complexité de la diapositive, l'efficacité de l'interpréteur javascript rendu de la page, et la puissance de traitement du client. Ils seulement partie que vous pouvez contrôler est la complexité de la diapositive: minimiser les graphiques et l'animation. Arrêtez d'exécuter des animations lorsqu'une diapositive quitte la vue et commencez l'animation de la diapositive qui entre simplement dans la vue pour réduire la charge de traitement.

Voici un exemple de how to use the before: and after: callbacks pour déclencher des événements spécifiques à la diapositive et d'autres plugins: