Disposition de galerie n°4 : Filmstrip, à la façon des photographes de mode

Très répandu chez les photographes de mode, ce nouveau type de disposition de galerie permet l’ouverture directe des images agrandies (sans passer par un tableau de vignettes), dans une bande horizontale munie d’une barre de défilement (sous les photos). Les photos sont donc les unes à côté des autres, et peuvent être visualisées sans que les menus de navigation ou tout autre élément de la page soit masqué.

Réglage largeur et hauteur de la zone utile

Les deux seuls réglages de ce nouveau type de disposition de galerie sont la hauteur et la largeur de la zone utile. Il faut paramétrer cette largeur (en pixels) en fonction de la largeur du tableau de page (exprimé, lui, en pourcentage ou en pixels) et en tenant éventuellement compte de la largeur du menu (s’il est placé en position vertical). Plusieurs essais peuvent être nécessaires, le but étant bien entendu que le site garde toujours la même largeur lorsque l’on ouvre une galerie).

Réglage de la hauteur des images

Pour que l’affichage en disposition 4 soit réussi, il faut idéalement que toutes les images de la galeris possèdent la même hauteur. Pour cela, voir notre dernier article Des images de même hauteur ou de même largeur.

Accès aux images individuellement

Du fait de l’absence du traditionnel tableau de vignettes, ainsi que de l’ouverture séparée de chaque image agrandie (fonctionnements propres aux disposition 1 et 2), l’accès individuel aux images pour les besoins en administration (modification, suppression, etc.) n’est pas encore prévu en disposition 4. Aussi faut-il utiliser la liste déroulante "Mise à jour rapide" positionnée sous les boutons "Editer / Supprimer cette galerie".

Exemples

Voir le template n°10 pour des galeries utilisant le nouveau type de disposition de galerie n°4 (attention, vous ne pouvez visiter ce template que lorsque vous n’êtes pas connecté en administration sur votre site. Déconnectez-vous ou fermez toutes les fenêtres de votre navigateur si besoin).

Voir aussi : Cette galerie sur Laurentfabry.com