Javascript: 10 sliders, carousels et slideshows pour embellir votre site. Tutoriel Vidéo jQuery : Caroufredsel. Agile Carousel - Javascript Slideshow - Image Carousel. 10 Jquery carousel slideshow plugin galerie photos | Autodidactique. Publié par Steven le 19 Février 2011 - 20:05 mis à jour le 23 Septembre 2011 - 22:21 Un bon plugin Jquery carousel, slideshow ou galerie photos, est un plugin : qui est facile à mettre en place, qui a une documentation claire et précise, qui a des exemples d'utilisation.
Voici une sélection de 10 plugins jquery carousel / slideshow / galerie photos qui répondent à ces critères. PrettyPhoto prettyPhoto est un sosie de Jquery lightbox. Il ne supporte pas que les images, mais aussi les vidéos, flash, Youtube, iframes. Il est très facile à mettre en place, très flexible si vous voulez le customiser. JqFancyTransitionsy jqFancyTransitions est plugin jQuery facile à utiliser pour afficher vos photos comme des slides avec des effets originaux. jqFancyTransitions est compatible et testé avec Safari 2+, Internet Explorer 6+, Firefox 2+, Google Chrome 3+, Opera 9+.
AD Gallery AD Gallery est un plugin de gallerie photos complètement customisable pour jQuery. Voir demo Elixon Theater Carousel jCarousel. Slideshow jQuery accessible. Dans ce tutoriel, vous allez apprendre comment réaliser un slideshow jQuery accessible pour votre site web. Étapes par étapes, vous découvrirez le processus de création en allant du HTML jusqu’au Javascript. Ceci est un tutoriel basé sur celui du site anglophone SixRevisions. Merci à eux de nous avoir autorisé à le reprendre pour le traduire et l’améliorer un peu. La 2ème partie de ce tutoriel (et exclusivement conçue par nous) portera sur la gestion dynamique de ce slideShow : Ajout/Suppression de slides , miniaturisation automatique des images, changer la position des slides (et tout ça en Ajax).
Cette partie va en fait consister à étudier la partie statique de ce slideShow. Les bases du concept La partie la plus importante de tout bon composant web est d’avoir une structure HTML solide et bien construite. La structure de notre contenu est matérialisé par une div qu’on appellera #slidehow et qui servira de conteneur principal pour notre slideshow. Etape 1: HTML Les flèches (CSS) Résumé. Slicebox - A fresh 3D image slider with graceful fallback.
Slicebox is a jQuery 3D image slider plugin that makes use of CSS 3D Transforms and provides a graceful fallback for older browsers that don't support the new properties. View demo Download source With the CSS 3D Transforms we can create some neat effects by transforming elements in three-dimensional space. Slicebox makes use of the 3D transforms properties and allows different kind of effects. The main idea is to create three-dimensional image slices that will rotate and reveal the next image as another side of the 3D object. In case the browser does not support 3D transforms, a simple slider will be used as fallback. Please note that you can only see the cool 3D effect of Slicebox in a browser that supports those CSS3 properties. The images used in the demos are by ND Strupler. Usage In order to use Slicebox, put your images in an unordered list with the class “sb-slider”: You can use the div with the class “sb-description” to add any kind of description for the respective image.
Options.