Agile Carousel est un script qui permet de faire défiler automatiquement ou manuellement du texte et des images. Il existe des centaines de diaporama plus ou moins gourmands en ressources et possédant plus ou moins d’options. Agile Carousel semble un bon compromis entre le poids et les fonctionnalités. Le format de données JSON permettra à votre Slideshow de dialoguer avec les informations issues de votre CMS préféré. Lire le reste de cet article »
03/05/11
Agile Carousel — Un diaporama agile et plein de ressources
2 commentaires » | Tags : Carousel, Diaporama, JSON, Slide, Slider, Slideshow, Visionneuse | Plugin jQuery
01/02/11
Coda Slider Effect — Navigation par onglets accessible avec effet de Slide
Coda Slider Effect est un des nombreux excellents tutoriels proposés par Remy Sharp sur jQuery for Designers. Au menu de Coda Slider Effect : un système de navigation par onglets accessible avec effet de Slide du plus bel effet composé de plusieurs plugins tels que scrollTo, localScroll et serialScroll. Dégradation grâcieuse en l’absence de Javascript, effet de slide respectueux de votre CPU et maintient de la navigation courante via les «hash».
1 commentaire » | Tags : Effect, jQuery, localScroll, Navigation, Onglets, scrollTo, serialScroll, Slider, Tabs | Tutoriel
20/10/10
Easy Slider — Diaporama jQuery avec navigation numérique
Easy Slider est un diaporama horizontal ou vertical avec une navigation numérique qui propose un défilement doux lorsque l’on saute une ou plusieurs diapos. Une vingtaine de paramètres permettent d’adapter le Slider à vos besoins les plus fous. Voir les démonstrations slides continu, navigation numérique ou slides multiples. Via @FlemArt.
1 commentaire » | Tags : Défilement, Diaporama, Slider | Plugin jQuery
16/10/10
jCarousel — un Carousel jQuery très complet
jCarousel est un plugin jQuery permettant de contrôler le déplacement horizontal ou vertical d’une liste d’éléments. Les contenus peuvent être composés de HTML statique ou chargés à la volée via Ajax ou tout autre manipulation du DOM. Le scroll peut s’effectuer en avant, en arrière avec ou sans animation. Lire le reste de cet article »
3 commentaires » | Tags : Ajax, API, Carousel, Diaporama, DOM, Flickr, Lightbox, Slider, Thickbox | Plugin jQuery
14/10/10
Content Switcher — Un diaporama qui fonctionne aussi sans Javascript
Content Switcher est un Slider avec un menu de navigation qui a la particularité de fonctionner parfaitement en l’absence de Javascript et de permettre l’utilisation du bouton retour du navigateur. La version Javascript améliore l’ordinaire avec un effet de fading réalisé avec jQuery pour les transitions entre les slides. Le marquage HTML et les CSS sont très simples à mettre en place : Lire le reste de cet article »
2 commentaires » | Tags : Ancre, Diaporama, jQuery, Slider | Tutoriel
12/10/10
bxCarousel — un carousel jQuery qu’il est bien
bxCarousel est un carousel en jQuery qui boucle sur lui-même et qui fonctionne avec tout type d’éléments HTML contenus dans une liste. Parmi les options disponibles, on peut spécifier le nombre d’éléments à afficher et à faire avancer et mettre le carousel en mode automatique ou afficher des liens pour faire avancer ou reculer les éléments. Via Arnaud-K. Voir aussi bxSlider et bxGallery.
4 commentaires » | Tags : Carousel, Diaporama, Images, jQuery, Slider | Plugin jQuery
12/10/10
TinyFader — Slideshow poids-plume avec effet de fading
TinyFader — Malgré son nom, la particularité de ce diaporama n’est pas de proposer des effets de transitions à base de fading. C’est plutôt son poids — 1,4 KB seulement — qui mérite le détour ! Il s’agit d’une variante de TinySlider en version autonome : TinyFader n’a pas besoin d’un framework Javascript pour fonctionner. L’initialisation et le paramétrage de TinyFader sont très simple : Lire le reste de cet article »
3 commentaires » | Tags : Diaporama, Javascript, Slider, Slideshow | Applications autonomes
11/10/10
Jquery Looped Slider — Un diaporama simple et élégant
Créé par Nathan Searles, Jquery Looped Slider est un diaporama jQuery qui boucle sans accroc lorsque le script atteint la dernière «diapo» de votre Slider. Lire le reste de cet article »
4 commentaires » | Tags : Boucle, Diaporama, Image, jQuery, Loop, Slider | Plugin jQuery
05/10/10
Nivo Slider — Diaporama avec 9 transitions pour vos images
Dans le même esprit que AviaSlider, Nivo Slider est un diaporama qui offre 9 transitions de très bonne facture pour ajouter un peu de peps à nos Sliders images. Compatible avec IE7, Firefox 3+, Google Chrome 4, Safari 4 et Opera 10.5. Nombreuses options de personnalisation. Via @deruyver.
2 commentaires » | Tags : Carousel, Diaporama, Images, jQuery, Slider, Transitions | Plugin jQuery
04/10/10
AviaSlider — un diaporama avec 8 transitions simples et jolies
AviaSlider est un diaporama en jQuery de 8 kb dont l’originalité est de proposer huit belles transitions entre les images (j’ai un faible pour la transition fullwidth-fade-slider). Le marquage HTML5 et les effets CSS3 sont présents mais le Slider reste compatible avec IE6, Safari 3+, Firefox 2+, Opera 10+, Google Chrome 3+ en version Mac et PC pour les 3 derniers navigateurs cités. Prêt à fonctionner avec prettyPhoto Lightbox lorsqu’on clique sur une image.
2 commentaires » | Tags : Diaporama, IE6, jQuery, prettyPhoto Lightbox, Slider, Transitions | Plugin jQuery