jQuery.carouFredSel est un plugin jQuery qui transforme n’importe quel élément HTML en carousel «responsive». Le déplacement peut concerner un ou plusieurs éléments simultanément, dans le sens horizontal ou vertical, de manière infinie et circulaire, automatiquement ou suite à une action de l’utilisateur (clic ou clavier). Si toutes les options sont optionnelles, le site propose Configuration Robot : il suffit de répondre à quelques questions pour configurer le plugin à la mode de chez vous.
05/05/12
carouFredSel — Carousel circulaire et responsive
Aucun commentaire » | Tags : Carousel, Diaporama, jQuery, Slider | Plugin jQuery
04/05/12
jQuery List — 600 plugins jQuery qui n’attendent que vous
jQuery List est une liste de près de 600 plugins et exemples de code jQuery répartis dans plus de 30 rubriques. Nous y trouvons à peu près tout ce qui est nécessaire pour faire des sites web interactifs : Ajax, animation, effet, graphiques, DOM, CSS, Flash, formulaires, jeux, tableaux, calendriers, sélecteurs de couleurs, etc. Lire le reste de cet article »
1 commentaire » | Tags : Cartes, css, Diaporama, DOM, Galerie, Grilles, Images, jQuery, Photos, RSS, Slider, XML, XSLT | Revue de Web
08/04/12
Moodular — Fabrique de Carousel avec jQuery
Moodular — Ce plugin jQuery créé par @GouZ permet de créer des carousels (aussi appelés : diaporama ou slider) très facilement. Le nom du script est la contraction de mood (humeur, ambiance) et de modular (modulaire) : tout un programme ! Moodular est composé de nombreuses options que vous pouvez activer depuis la page du site via un formulaire. Il est également possible de créer vos propres effets. Lire le reste de cet article »
3 commentaires » | Tags : Carousel, Diaporama, Effets, Fading, Images, jQuery, Slider | Plugin jQuery
28/03/12
jQuery Cycle Lite — Diaporama «petit mais costaud»
Dans la grande famille des diaporamas et autres scripts de Sliders, jQuery Cycle Lite est la version allégée du célèbre jQuery Cycle tout deux créés par Mike Alsup (@malsup). Pour 8 kb — au lieu de 50 kb pour la version complète — cette version Light propose de nombreuses options : Lire le reste de cet article »
Aucun commentaire » | Tags : Cycle, Diaporama, jQuery, Slider | Plugin jQuery
30/10/11
Blueberry : un diaporama « responsive »
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 »
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, Responsive, 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
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
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