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 1580 sites
logo article ou rubrique
Galleria
Article mis en ligne le 20 juin 2012
dernière modification le 16 décembre 2016

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 :

  • 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
  • lorsqu’on ajoute plusieurs galeries dans un même article, la galerie ne fonctionne pas correctement

 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 est activé, on affiche les métadonnées de l’image

 Exemple

Voici un exemple avec

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

0 | 10 | 20

Sous le titre, un descriptif de l'image <br />  <br />  <br />  <br />  <br />  <br />  <br />  <br />  <br />  <br />

0 | 10 | 20


Dans la même rubrique

Plan du site Contact Mentions légales Espace rédacteurs squelette RSS

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