Fotorama est un plugin jQuery permettant de créer des slideshow d’images avec navigation avancée et bonne compatibilité navigateurs, dont navigateurs mobiles.
Pour présenter des photos sur un site web, on a le choix ! Il existe de nombreux sliders ou slideshow d’images pour le faire.
Fotorama apporte encore un peu de nouveauté et d’efficacité en proposant une navigation à travers les photos très intuitive et fluide:
- Flèches de navigation
- Miniatures cliquables
- Clic sur l’image
- Puces de navigation (si pas de miniatures)
- Et glissé de la souris (swipe)
Grâce à cette navigation poussée, vos utilisateurs n’auront aucun mal à naviguer à travers vos images et quelque soit leur navigateur web, même mobile !
Et pour le développeur, c’est très simple à mettre en place:
<div id="fotorama"><img src="1.jpg" alt="Mon image 1" /> <img src="2.jpg" alt="Mon image 2" /> <img src="3.jpg" alt="Mon image 3" /></div>Et côté Javascript:
$('#fotorama').fotorama({
width: 700,
height: 464
});Évidemment, le plugin dispose d’un bon nombre d’options pour personnaliser la galerie:
- data: Pour passer directement un JSON contenant miniature et sa photo sans passer par du HTML (pratique pour de l’Ajax)
- Taille de la galerie
- Style et source des miniatures
- Gestion de la navigation proposée
- Sens du scroll (horizontal ou vertical)
- Gestion de la taille des images: Crop ou Zoom
- Personnalisation des flèches
- Insertion de bulles d’infos en HTML
- Etc
Un plugin dans le top du genre pour moi qui satisfera à coup sûr vos visiteurs / clients !