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
15/08/11
73 tutoriels pour faire défiler vos contenus (Slideshow, Sliders & Diaporama)
Les diaporamas et autres Slideshows sont devenus un passage quasi-obligé pour les sites qui veulent présenter un grand nombre d’informations tout en ménageant l’espace disponible. Voici une liste condensée de 73 tutoriels ou scripts jQuery détaillés pour mettre en avant vos contenus texte et/ou image. Lire le reste de cet article »
3 commentaires » | Tags : Caption, Carousel, Diaporama, Galerie, Image, jQuery, jQuery UI, Sliders, Slideshow, ToolTips | Tutoriel
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
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
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
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
30/11/09
Pikachoose : le bon choix pour afficher vos images
Pikachoose est le plugin jQuery idéal pour afficher des galeries d’images en toute légèreté. Dispose néanmoins d’options pour faire des présentations (auto-play, boutons de navigation). L’installation et le paramétrage sont à la portée de tous. Cerise sur le gâteau, PikaChoose est accompagné de SliderJS (optionnel) qui transformera votre slideshow en Carrousel.
7 commentaires » | Tags : Carousel, Images, Photos, Slideshow | Plugin jQuery
15/11/09
Faire un Carrousel avec jQuery
Faire un carrousel avec jQuery — Tutoriel très didactique qui décompose le déroulement des opérations pour réaliser un carrousel de base avec HTML, CSS et jQuery.
1 commentaire » | Tags : Carousel, Tutoriel | Plugin jQuery