Bandeau

Site de démonstration du jeu de squelettes ESCAL fonctionnant sous SPIP3 et mis à la disposition des Etablissements SColaires de l’Académie de Lyon... et de qui veut.

Galleria
Article mis en ligne le 20 juin 2012
dernière modification le 6 mars 2023

par Jean Christophe Villeneuve

Le Plugin Galleria est un plugin de galerie que j’aime beaucoup et qui, pour moi, fait concurrence au plugin Diapo.

Avantage non négligeable en ces temps qui courent, il est "responsive" si on l’indique dans le raccourci, comme ici !

Mise en place

Pour créer une galerie avec ce plugin, il suffit de créer un article avec dans la zone texte un raccourci comme celui-ci :

<galleriaXX|width=500|lightbox=true|transition=fade|pagesize=5>

  • XX correspond au N° de l’article
  • width=500 définit la largeur de la galerie en pixels
  • lightbox=true permet d’ouvrir l’image avec ses dimensions d’origine dans une lightbox
  • transition=fade pour des transition en "fondu enchainé". Autres options : flash, pulse, slide, fadeslide, doorslide
  • pagesize : le nombre d’image par page

Autres options intéressantes

  • responsive=true permet de rendre la galerie responsive ; inutile dans ce cas_là de préciser une largeur donc car celle-ci ne sera pas prise en compte !
  • autoplay=true qui permet de faire défiler les images de façon automatique. Ce défilement s’arrête dès qu’on clique sur une des vignettes.


Attention :

  • seules les images qui ne sont pas dans le portfolio seront prises en compte par défaut. Pour afficher les images du portfolio, il faut ajouter |mode=document mais alors seules les images du portfolio seront prises en compte

Personnalisation

Pour changer la couleur de fond de la galerie (couleur du fond, couleur de l’encart, affichage du titre de l’image ou pas), on peut aller dans la configuration d’Escal → Des plugins dans Escal → Galleria.

Exemple

Voici un exemple avec

<galleriaXX|lightbox=true|transition=fade|pagesize=10|responsive=true|autoplay=true>

et une petite personnalisation pour Escal que vous pouvez modifier dans la page de configuration.

<p>Sous le titre, un descriptif de l'image</p>
qrcode:https://escal.edu.ac-lyon.fr/spip/spip.php?article177

Dans la même rubrique

Plan du site Contact Mentions légales Données personnelles et cookies Espace privé squelette RSS

2009-2024 © Escal - Tous droits réservés
Haut de page
Réalisé sous SPIP
Habillage ESCAL 4.6.2