Image Slider avec Cycle jQuery

tb-imagesliderVoici un tutoriel sympa présenté par Gaya Design sur un diaporama avec barre de progression.

Le slider utilise le plugin jquery Cycle qui permet des rotations d’images avec pas mal d’effets de transitions.

imageslider

La barre de progression est créée automatiquement et indique le nombre d’images Ă  afficher.
Pas mal d’options sont disponibles comme la vitesse de dĂ©filement, les types de transitions.etc…

Vous trouverez plusieurs exemples dans la démo avec des barres de progression différentes.

Nécessite : jQuery, jQuery Cycle Plugin
Fonctionne avec la majorité des navigateurs web

Site Web : http://www.gayadesign.com/diy/presentation-cycle-cycle-with-a-progressbar/
Démo : http://www.gayadesign.com/scripts/presentationCycle/
Téléchargement : http://www.gayadesign.com/scripts/presentationCycle/presentationCycle.zip






BlogBang

3 Réponses to “Image Slider avec Cycle jQuery”

  1. Bonjour,
    Tout d’abord, fĂ©licitations pour votre site et blog, je suis webdesigner integrateur dans la region d’aix en provence!
    je prĂ©pare actuellement mon portfolio ou j’ai intĂ©grer « image slider avec jquery »: http://www.webcssdesign.com/ajax/image-slider-avec-cycle-jquery/#more-1231
    Pouvez vous me donner votre avis sur la rĂ©pĂ©tition des balises H1 dans son code; ainsi que le mauvais fonctionnement sur ce p…..!d’IE6.
    en vous remerciant.
    Bonne journée.

  2. bonjour, pour les balises il est plutĂ´t conseillĂ© de mettre de balises h2 voir h3, h1 Ă©tant rĂ©servĂ© au titre/logo de la page et utilisable une seule fois bien que certain soutiennent que l’on peut en mettre 2 par pages.
    Pour IE6 c’est toujours la mĂŞme histoire, les gouvernements se mettent Ă  prĂ©venir du danger de son utilisation. Mieux vaut tard que jamais, alors encore un peu de patience on voit le bout du tunnel ;)

  3. Merci beaucoup!

Laisser un commentaire

Vous pouvez utiliser ces balises XHTML tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>