Blueberry est un plugin jQuery expérimental et open source permettant de faire défiler des images (Slider) dans un environnement fluide (Responsive Web Design). Les utilisateurs utilisent de plus en plus souvent des smartphones pour consulter des pages web ; les intégrateurs web ont donc de plus en plus besoin de maquettes flexibles pour les satisfaire. Voici donc un diaporama adapté à cet usage. Lire le reste de cet article »
30/10/11
Blueberry : un diaporama « responsive »
Aucun commentaire » | Tags : Carousel, Diaporama, Flexible, Fluide, Responsive, Slider | Plugin jQuery
13/09/11
Elastislide : un carousel jQuery réactif (Responsive Webdesign)
Le webdesign réactif (traduction approximative de Responsive Webdesign) est un ensemble de techniques permettant d’adapter la mise en page d’un site web selon le périphérique de l’utilisateur. Avec l’arrivée des Media Queries en CSS3, le webdesign réactif devient de plus en plus utilisé. Il manquait toutefois des carousels réactifs. C’est le cas de Elastislide qui profitera au mieux des caractéristiques de l’écran. Via @guerrier. Lire le reste de cet article »
Aucun commentaire » | Tags : Carousel, CSS3, Diaporama, Images, jQuery, Media Queries, Slider, Slideshow | Plugin jQuery
31/08/11
FlexSlider — un Slider flexible et sémantique pour jQuery
FlexSlider est un slider, un de plus, qui permettra de faire défiler vos contenus avec le marquage HTML de votre choix. FlexSlider est utilisable avec le clavier, ce qui est toujours bon pour l’accessibilité ; son poids plume (6 kb minifié) est également un atout de taille. Il est possible d’ajouter une légende (caption) pour chaque image. Pour cela, une simple balise p sous l’image suffit. Pour plus de sémantique et pour profiter des nouvelles balises apportées dans la hotte du Père Noël HTML5, il faudrait tester FlexSlider avec une balise figure et un bon vieux figcaption des familles. Merci à @allfordesign et @oncletom pour la suggestion :) Lire le reste de cet article »
1 commentaire » | Tags : Carousel, Diaporama, Image, Slider | Plugin jQuery
21/08/11
jQuery Timelinr
jQuery Timelinr est un plugin jQuery qui permet de créer un effet de ligne temporelle verticale ou horizontale avec d’un côté des dates et de l’autre des événements. Une démonstration valant mieux qu’un long discours voici deux exemples : défilement horizontal, défilement vertical. Lire le reste de cet article »
1 commentaire » | Tags : Diaporama, Slider, Timeline | Plugin jQuery
06/05/11
JbhSlider — Slider en jQuery
JbhSlider permet de réaliser des diaporamas en jQuery avec la particularité de gérer les évènements rapprochés. Il n’y aura pas d’effets indésirables quand vos visiteurs cliqueront dix fois de suite sur le lien «suivant» du Slider. Oui, les visiteurs font ça :-) Outre la gestion des liens «Suivants et Précédent, JbhSlider gère la pagination entre les diapos et permet des effets de transition. Lire le reste de cet article »
6 commentaires » | Tags : Diaporama, Slider, Slideshow, Visionneuse | Plugin jQuery
03/05/11
Agile Carousel — Un diaporama agile et plein de ressources
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 »
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