Fx Options In Jquery

Lsaquolsaquo home jQuery Cycle Plugin Vérifiez Cycle2. Le dernier de la gamme Cycle de diaporamas. Le plugin jQuery Cycle est un plugin de diaporama qui prend en charge de nombreux types d'effets de transition. Il prend en charge pause-sur-vol stationnaire, auto-stop, auto-ajustement, avant les rappels, déclencheurs et beaucoup plus. Il supporte également, mais ne nécessite pas, le plugin Easing. Fonctionnement Le plugin fournit une méthode appelée cycle qui est appelée sur un élément conteneur. Chaque élément enfant du conteneur devient une diapositive. Les options contrôlent comment et quand les diapositives sont transférées. ScrollRight (click) Les images sont utilisées dans ces démos car elles ont l'air cool, mais les diaporamas ne sont pas limités aux images. Vous pouvez utiliser n'importe quel élément que vous voulez. Effets de balayage Utilisez la page Effets de navigation pour prévisualiser les effets disponibles. Voir plus de démonstrations et exemples Le plugin Cycle offre de nombreuses options pour personnaliser votre diaporama. Les valeurs d'option par défaut peuvent être remplacées en passant un objet option à la méthode cycle, en utilisant des métadonnées sur l'élément conteneur ou en redéfinissant les valeurs dans votre propre code. Pour en savoir plus sur les options, reportez-vous à la page Options de référence. Remerciements Remerciements à Torsten Baldes. Matt Oakes et Ben Sterling pour les nombreuses idées qui m'ont commencé à écrire Cycle en 2007.lsaquolsaquo cycle Accueil jQuery Cycle Plugin - Débutant Démos 1 - Définir votre balisage et les styles Tous les exemples sur cette page utiliser le balisage suivant et CSS: 2 - Choisissez un Effet Vous pouvez choisir parmi les effets nommés suivants: blindX blindY blindZ couvert curtainX curtainY fondu fadeZoom growX growY scrollUp scrollDown scrollLeft scrollRight scrollHorz scrollVert shuffle slideX slideY tourner tourner Tourner vers le bas tourner vers la gauche tourner vers la droite pour découvrir le zoom sur le zoom En passant une chaîne de caractères à la méthode de cycle ou en utilisant un objet d'options et en définissant la propriété fx au nom de l'effet désiré.3 - Choisir des valeurs de vitesse et de délai Suivant, vous pouvez choisir des valeurs de vitesse et de délai pour contrôler la vitesse et la fréquence Les transitions de diapositive se produisent. L'option de vitesse définit le nombre de millisecondes qu'il faudra pour passer d'une diapositive à la suivante. L'option timeout spécifie combien de millisecondes s'écoulent entre le début de chaque transition. 4 - Choisir d'autres options Il ya beaucoup d'autres options à choisir. Deux que vous pouvez trouver utile sont pause et aléatoire. L'option de pause provoque l'arrêt du diaporama lorsque la souris passe au-dessus de la diapositive. L'option aléatoire amène les diapositives à s'afficher dans un ordre aléatoire plutôt que séquentiel. Les choses à garder à l'esprit - les règles CSS Lors de la construction de vos diaporamas, n'oubliez pas que les effets d'animation fonctionnent mieux lorsque le conteneur et la diapositive ont une boîte fixe. - Rappelez-vous que chaque élément enfant du conteneur devient une diapositive