Intégrer vos panoramas dans votre site web avec jQuery Panorama Viewer. Dans ce billet, je vous invite à découvrir un script jQuery qui vous permettra d’insérer facilement un ou des diaporamas au sein de vos pages web. jQuery Panorama Viewer jQuery Panorama Viewer permet d’installer un panorama interactif sans utilisation de Java ou de Flash.
Pour se déplacer au sein du diaporama, un système de drag and drop permet à l’utilisateur de découvrir à sa convenance le diaporama proposé. Ce script est compatible avec les navigateurs modernes et prend en charge tous les types de terminaux dont les smartphones et tablettes. Démonstration et téléchargement Quelques alternatives à jQuery Panorama Viewer Il existe d’autres types de script jQuery permettant de mettre en place des panoramas animés ou encore des visites virtuelles.
Ferroslider2 , un diaporama d'images HTML5 CSS3. Ferroslider2, comme son nom l’indique est un script de diaporama, utilisant les technologies jQuery, HTML5 et CSS3.
Ce slider est compatible avec la grande majorité des terminaux actuellement disponibles (pc, tablettes, smartphones,…) en raison de son design responsive. Améliorations apportées à Ferroslider2 Avec l’utilisation de HTML5 et CSS3, cette nouvelle mouture de Ferroslider propose des transitions plus rapides et de meilleure qualité. De nombreux bogues dans la navigation mobile ont été corrigés. Compatibilité de Ferroslider2 Ferroslider2 est compatible avec tous les navigateurs actuels : Firefox 3.5+, Chrome4.0+, Safari3.1+, IE9+, Opera11+ , Android2.2+ et iOS3+.
Gallery CSS : un diaporama HTML-CSS. Gallery CSS est un diaporama construit avec les langages HTML et CSS.
Ce dernier n’utilise pas la technologie JavaScript pour fonctionner. De ce fait, ce diaporama est très léger. Bien entendu, les images défilent automatiquement au sein du diaporama, avec la possibilité de naviguer d’une diapositive (ou slide) à l’autre grâce à de petits boutons situés en bas du diaporama. Si on s’intéresse à la compatibilité de ce script avec les navigateurs, il s’avère qu’il est compatible avec les derniers navigateurs actuels. Pour en savoir plus, consulter une démonstration du script, ou encore télécharger Gallery CSS, je vous invite à vous rendre sur la page officielle de Gallery CSS :
Diaporama jQuery Basic Slider. iViewSlider : un diaporama en jQuery. iViewSlider est un plugin jQuery vous facilitant l’intégration d’un diaporama au sein de votre site web. De cette façon vous n’aurez pas à tout créer à partir de rien. Vous aurez seulement à adapter le plugin en fonction de vos besoins. IViewSlider peut contenir des images, des vidéos et même du code HTML. Ce plugin jQuery propose pas moins de 35 effets de transitions. Des effets (fondu, move top, …) sont applicables aux légendes HTML. Bien entendu iViewSlider est compatible avec la grande majorité des navigateurs (Internet Explorer (IE) 6 à IE9,Chrome, Firefox, Opera et Safari).On notera au passage que ce slider ou diaporama est compatible avec les interfaces tactiles.
Le plugin jQuery Minimit Gallery. Créer des frises chronologiques interactives. Un diaporama en CSS 3 sans Javascript. CoolCarousels : 21 caroussels d’images gratuits. CoolCaroussels est un projet qui vous propose plus de 20 caroussels d’images.
Chacun de ces caroussels propose une présentation et des fonctionnalités différentes. Ces caroussels d’images utilisent le framework jQuery. Pour chaque type de caroussel, le code source est facilement accessible et téléchargeable au sein de dossier compressé au format Gzip. Découvrez les 21 carroussels d’images. Les requêtes qui ont permis d'accéder à cet article: coolcarousel inserer codescripts gratuits pour la création de son propre réseau social.
21 diaporamas ou slideshow JQuery pour égayer vos pages internet. Un diaporama slider.js. Jq-tiles : un diaporama en jQuery. Parmi la grande famille des diaporamas d’images en jQuery, je vous invite à découvrir jq-tiles. jq-tiles est un plugin jQuery permettant de créer un diaporama d’images.
Ce diaporama est personnalisable. Il propose de nombreux effets de transitions (12 effets parmi lesquels on trouve les suivants : simple, left, up,…). Il est également possible de personnaliser la navigation : minuterie, balles, … En ce qui concerne la compatibilité avec les navigateurs, ce plugin jQuery est compatible avec tous les navigateurs modernes.
Démonstration Vous pouvez tester et admirer les différentes transitions proposées en vous rendant à l’adresse suivante : Téléchargement jq-tiles est disponible au téléchargement sur github à l’adresse suivante : Créer un diaporama avec effet accordéon. Slidorion : un diaporama jQuery. Un diaporama d’image en background qui s’adapte à la taille de l’écran. BgStretcher est un plugin jQuery qui redimensionne automatiquement l’image de fond de page afin de remplir toute la fenêtre.
Ce plugin peut s’utiliser pour une image ou avec plusieurs images sous forme de diaporama. Si vous optez pour le diaporama, il vous sera possible de le paramétrer en fonction de divers paramètres : paginationlecture automatiquetype de transitionsvitesse du diaporamadélai entre chaque imageséquence : mode aléatoire ou dans un ordre Pour la démonstration, rendez-vous sur cette page. Les requêtes qui ont permis d'accéder à cet article: commentluv fond ecrandiaporama qui s\adapte au photojquery diaporama qui s\adapte a l\imageslideshow qui s\adapte à la taille de l\écran.
Sequence : un diaporama jQuery – CSS3.