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.

Utilisé à ce jour dans 439 sites
logo article ou rubrique
Galleria
Article mis en ligne le 20 juin 2012
dernière modification le 7 septembre 2019

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 :

  1. <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

Métadonnées

Une petite adaptation du modèle permet d’afficher les métadonnées de l’image

  • si l’image n’a pas de titre et si le plugin Métadonnées Photos n’est pas activé, on n’affiche rien
  • si l’image a un titre et si le plugin Métadonnées Photos n’est pas activé, on affiche le titre de l’image
  • et si le plugin Métadonnées Photos est activé, on affiche les métadonnées de l’image

Exemple

Voici un exemple avec

  1. <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.

0 | 10 | 20

 <br />  <br />  <br />  <br />  <br />  <br />  <br />  <br />  <br />  <br />

0 | 10 | 20

qrcode:http://escal.ac-lyon.fr/spip/spip.php?article177

Dans la même rubrique

0 | 5 | 10 | 15

Vidéo(s)
le 6 février 2019
par Jean Christophe Villeneuve
SpiPDF
le 20 avril 2017
par Jean Christophe Villeneuve
Shoutbox
le 9 avril 2017
par Jean Christophe Villeneuve
pdf.js
le 23 février 2017
par Jean Christophe Villeneuve
Cycle2
le 7 avril 2016
par Jean Christophe Villeneuve
Plan du site Contact Mentions légales Espace rédacteurs squelette RSS

2009-2019 © Escal V4 - Tous droits réservés
Haut de page
Réalisé sous SPIP
Habillage ESCAL 4.3.14