Galleria (fr)

Published : 16 November 2011 – updated on 6 April 2020 – by emthanh, Matthieu Marcillaud, RealET – 206 commentaires

English, français
1
2
3
4
5
29 Votes

Une galerie d’image qui utilise la librairie javascript Galleria.

Description

Ce plugin vous permet d’ajouter des galeries d’images à vos articles. La galerie créée utilise la librairie javascript Galleria. Le plugin propose un modèle nommé <galleria>.

Utilisation

Pour créer une galerie d’image ajoutez une balise <galleria##> dans un article, où ## est l’ID d’un article.Les images de la galerie sont celles liés à l’article.

Options

Les options les plus courantes du modèle sont :
-  width
-  height
-  lightbox :true
-  transition :[fade|flash|pulse|slide|fadeslide|doorslide]
-  theme : le nom d’un theme Galleria
-  pagesize : le nombre d’image par page

Ex : <galleria22> une galerie dans l’article 22 ; <galleria22|lightbox=true> activation de l’effet lightbox

Pour plus d’options et de personnalisation de la galerie reportez-vous directement au site de Galleria

Bug connu

Lorsqu’on ajoute plusieur galerie dans un même article, la galerie ne fonctione pas correctement. (bug fermé avec la version 1.3.1)

Références

version 2.0.0
SPIP minimum 3.2 librairie JQuery n’est plus compatible avec les versions <3.2
version Galleria 1.5.7 site de Galleria
version de SPIP pour développement 3.2
svn svn://zone.spip.org/spip-zone/_plug...

Retro compabilité

version 1.3.5
SPIP 1.9.2>= et <3.2.0 librairie JQuery
version Galleria 1.2.9 site de Galleria
version de SPIP pour développement 2.1.11
svn svn://zone.spip.org/spip-zone/_plug...
ouverture avec lightbox/open with lightbox

Discussion

5 years 1 year 3 months Without limit
par date
Filter

75 discussions

  • 1
    jojo

    Bonjour
    Avec le plugin Galleria il monte une commentaire parasite
    “Aucune photo n’est encore insérée dans cet album”
    http://roch-jaja.nursit.com/spip.php?page=album&id_article=6

    Comment le supprimer ?
    Merci
    Cordialement

    • jojo

      Bonjour
      Juste une petite relance sur mon sujet (qui n’est pas bloquant mais qui n’insiste pas le visiteur à cliquer sur le lien).
      Merci
      Cordialement

    Reply to this message

  • 1
    Hans

    Bonjour,

    je rencontre en fait un problème avec le lancement des diaporamas.
    Après un premier lancement, le diaporama ne fonctionne plus.
    Le container se charge mais les images ne s’affichent plus. (pourtant les images et leurs ids semblent se charger également.)

    Le support de Galeria m’a suggéré une mise à jour des scripts galeria (passage de la 1.2.9 à la dernière version). Mais cela n’a semble t’il pas fonctionné (j’ai à vrai dire simplement remplacé les scripts JS de galeria et du theme Folio dans les dossier concernés. Je ne sais pas si cela suffit pour “mettre à jour”.)
    L’alternative c’est de passer à une version antérieure de Jquery, ce que j’ai tenter mais sans succès.

    La fonction “destroy” documenté dans le JS du plugin ne semble pas marcher non plus.
    Il s’agît sans doute d’un conflit JS dans la page.

    Est ce que vous avez une idée d’où le problème pourrait venir? Merci pour votre aide et pour le temps donnés!!

    adresse du site: www.photos-graphiques.fr

    Reply to this message

  • 1
    Michel

    Bonjour

    Mes images son au format 540*360 mais a l’affichage elle sont 600*364 je ne sais pas ou faire le changement reduire l’image 580 wicth dans élément inline

    Merci d’avance

    • Théo

      Dans -> plugins / auto / galleria / modeles / galleria.html

      En bas du fichier, lignes 62 et 63 (?)

          width: (#ENV{width, "750"}),]]
    height: [(#ENV{height, "500"})]

      modifier les valeurs.

    Reply to this message

  • Guillaume Blanc

    J’ai découvert il y a peu ce plugin, qui est exactement ce que je cherchais.

    Une question néanmoins : dans l’affichage plein écran des images, seul le titre est affiché (en bas à gauche). Est-il possible de modifier quelque chose pour qu’à la fois le titre et la description apparaissent, dans des fonts similaires à ce qui existe dans la galerie non plein-écran (petit « i » en haut à gauche).

    Voir par exemple : http://gblanc.fr/spip.php?article577

    Je suis sous spip 3.0.17, squelette ahuntsic.

    Merci d’avance.

    Reply to this message

  • 3
    pgiron

    J’ai manifestement un problème avec Galleria et je ne vois pas d’où ça peut venir !
    http://fonds-saintyves.fr/Quelques-photos-du-Fonds-St-Yves
    La commande renttrée est <galleria115|lightbox=true>
    Merci de vos conseils... :-/

    • pgiron

      A noter que c’est correct dans l’interface privée...

    • pgiron

      Pour ceux et celles qui veulent voir, voici une copie d’écran :
      -  le plugin marche DANS l’interface privée, pas la publique
      -  les photos NE SONT PAS dans le portfolio.

    • pgiron

      J’ai trouvé : c’est une barre de navigation particulière qui était la cause de ce problème. J’ai supprimé le lien dans head.html et tout refonctionne normalement.
      FIN donc... Désolé du dérangement...
      :-/

    Reply to this message

  • 2
    Ysabeau

    Le plugin est vraiment très bien et absolument parfait pour un site multilingue avec les balises multi pour les infos sur les images.

    D’ailleurs je pense qu’il y a là une astuce pour avoir plus d’une galerie par article. Puisque le plugin affiche les images de l’article numéro XX, pas encore essayé, mais dans mon idée, j’ai une galerie identique sur un article traduit dans les trois langues du site. Les deux traductions affichent la galerie de l’article numéro “XX” (une seule mise à jour pour tous). Il devrait suffire de mettre une galerie différente dans chaque article traduit (donc XX-deux et XX-trois) et de les ajouter à chaque article. On aurait donc trois galeries par article.

    Sinon, je suggère de signaler que le plugin contient une pagination et qu’elle est impérative, mais limitée à 30 et que si on veut changer le nombre il faut copier le fichier galleria.html, le ranger dans le dossier «modeles» (à créer si besoin) du dossier «squelette» et e modifier la ligne ci-dessous en remplaçant 30 par le nombre voulu (c’est à la ligne 11). Surtout mettre un nombre, sans ça, ça ne fonctionne pas.

    <BOUCLE_galleria (DOCUMENTS){id_article=#ENV{id}}{extension==jpg|gif|png} {pagination #ENV{pagesize,30}} {mode=#ENV{mode,image}}>

    Merci.

    • Ysabeau

      Mon idée d’utiliser le multilinguisme pour avoir plusieurs galeries par article ne marche pas.

      Désolée.

    • emthanh

      Bonjour,

      Pour la pagination : elle est par défaut de 30 , suivant les recommandations de la librairie galleria.
      pagesize modifie la pagination en passant un paramètre a la balise .
      Relisez le guide complet

      <galleria12|pagesize=20>

      La pagination est de 20

      Pour les galeries multiples : Essayez l’astuce du guide complet.
      avec

      <galleria12><galleria24>

      vous avez dans un article , les galleries de l’article 12 et de l’article 24
      En fait <galleria12> veut dire que la gallerie utilise les images de l’article 12 .
      Mais cette balise peut-etre contenue n’importe ou .

      Merci de votre enthousiasme

    Reply to this message

  • 2
    snakefinger

    Bonjour,

    J’ai installé le plugin galleria sur spip 3.0. : c’est nickel.

    Je voulais savoir si l’on pouvait faire dans un article plusieurs galeries, avec des images différentes appartenant à cet article.

    Exemple : j’ai un article avec des images de 1 à 10. Je veux faire une galerie avec les docs 2 et 8 et une autre avec les docs 7 et 9. Est-ce possible ?

    J’ai essayé des codes du genre <galleria2|doc2|doc8|width=700|lightbox=true||transition=fade|pagesize=100|mode=document> mais évidemment ça m’a l’air plus compliqué que cela. Donc si qqun a une solution, ce serait cool.

    Merci

    • emthanh

      Bonjour ,
      malheureusement cela n’est pas possible.
      Cela revient a sélectionné une partie des images d’un article pour la Galerie.
      Cette fonction n’est pas implémentée.
      Peut-être une idée pour une future release

    • snakefinger

      Ok, merci pour la réponse. Je vais me débrouiller autrement.

    Reply to this message

  • Gafa

    Bonjour,
    merci pour ce plug-in. Cependant j’aurais besoin d’un petit peu d’aide, étant débutant sur spip. Voilà j’ai acheté sur le site de galleria un thème “premium” (le twelve), et celui-ci est fourni avec un version plus récente (1.3.3) de galleria, et ne fonctionne apparemment qu’avec celle-là. J’ai ajouté dans /plugins/auto/galleria/galleria le nouveau thème et la nouvelle version de galleria. Problème, le fichier .js de la nouvelle version s’appelle galleria-1.3.3.min.js, et visiblement mon site ne le charge pas. Quelqu’un aurait une idée pour forcer spip à charger cette version? J’ai essayé de renommer le nouveau et d’effacer l’ancien, sans succès. Et d’insérer une commande

    dans le modèle galleria.html, mais rien ne marche. J’essaye aussi de me faire aider côté service client de galleria, la solution est sans doute simple mais je suis assez débutant... Merci d’avance pour votre aide?

    Reply to this message

  • 1
    Hans

    Bonjour,

    j’utilise votre plug in avec plusieurs galleries sur une même page.
    Le temps de chargement est donc assez long.
    je voulais savoir si il était possible de charger des vignettes avec des tailles réduites au lieu de laisser les images du diaporama se faire réduire par galleria.

    Auriez vous une idée?
    Merci!!

    • emthanh

      Bon jour,
      La taille des images est celle vos images téléchargées .Si vous avez chargé des images d’un appareille photo ; pensez a réduire leur taille
      Pour réduire le chargement , il faut :
      soit réduire la taille des images au plus proche du rendu de votre galerie
      soit diminuer le pagesize ; nombre d’image par page

    Reply to this message

  • 7
    Tanguy Wermelinger

    Bonjour,

    j’aimerais savoir si il est possible d’intégrer au diaporama galleria les images d’un article qui sont présentes dans le portfolio de l’article?

    Le diaporama marche très bien quand les images ne sont pas dans le portfolio mais n’affiche pas le contenu de ce dernier.

    Il s’agît d’utiliser le plug in “mosaique” afin de pouvoir faire glisser les images pour modifier leur ordre d’apparition dans la gallerie. (quand on est sur la page de l’article dans l’espace privé)

    Merci pour votre aide!!

    • emthanh

      Bonjour,
      Les images du portfolio ne sont pas prise en compte pas ce plugin.
      Seul les images jointes a un article

    • Tanguy Wermelinger

      merci pour votre réponse.
      Dans l’espace privé, sur un article, est il possible d’organiser l’ordre d’apparition des images dans le diaporama autrement que par une modification de l’id ou du nom des fichiers?
      Peut être un plug-in qui permettrait de faire remonter ou descendre les illustrations de l’article?

      Merci pour votre aide!

    • emthanh

      Non , il n’y a pas d’option de tri des images .
      ordre par défaut est celui d’inclusion dans dans l’article.
      Je commence a penser a cette option

    • Tanguy Wermelinger

      Je me demandais si ce patch:
      http://zone.spip.org/trac/spip-zone/changeset/74610/_plugins_/galleria
      permet de réaliser cette opération?

      Merci pour le coup de main!

    • TW

      je me permet de relancer ma question…

      Ce plugin est il fait pour utiliser les images versés dans le portfolio au lieu de l’article, oui, non?
      http://zone.spip.org/trac/spip-zone/changeset/74610/_plugins_/galleria
      merci pour votre aide!

    • emthanh

      Bonjour,
      Je n’ai pas personnellement ajoutée cette option, c’est une contribution. En ajoutant une option mode=document , la boucle ajoute les images du portfolio. faites le test
      Par contre on ne pas faire les 2 , portfolio et images
      Pour plus d’informations , la doc n’est pas explicite sur ce point
      http://www.spip.net/fr_article1823.html

    • TW

      Bonjour,
      merci pour votre réponse. Effectivement, les éléments du portfolio sont bien pris en ajoutant l’option mode=document dans la boucle.
      Cependant, la boucle ne semble pas prendre en compte le plug in mosaique. (l’arrangement manuel des images du portfolio par glisser déposer).

      Exemple d’une boucle:

      <div id="diapo3">
  <BOUCLE_articledate3(ARTICLES){id_article=12}>
    <div id="gallery3">
      [(#MODELE{galleria}{ordre_mosaique,id_article,lightbox=true}{mode=document})]
    </div>
  </BOUCLE_articledate3>
</div>

      Je vais contacter la personne de ce plug in (mosaique) pour avoir son opinion mais si jamais vous avez une suggestion…

      En tout les cas, merci beaucoup pour vos retours!!!

    Reply to this message

Add a comment

Avant de faire part d’un problème sur un plugin X, merci de lire ce qui suit :

  • Désactiver tous les plugins que vous ne voulez pas tester afin de vous assurer que le bug vient bien du plugin X. Cela vous évitera d’écrire sur le forum d’une contribution qui n’est finalement pas en cause.
  • Cherchez et notez les numéros de version de tout ce qui est en place au moment du test :
    • version de SPIP, en bas de la partie privée
    • version du plugin testé et des éventuels plugins nécessités
    • version de PHP (exec=info en partie privée)
    • version de MySQL / SQLite / PostgreSQL
  • Si votre problème concerne la partie publique de votre site, donnez une URL où le bug est visible, pour que les gens puissent voir par eux-mêmes.
  • En cas de page blanche, merci d’activer l’affichage des erreurs, et d’indiquer ensuite l’erreur qui apparait.

Merci d’avance pour les personnes qui vous aideront !

Par ailleurs, n’oubliez pas que les contributeurs et contributrices ont une vie en dehors de SPIP.

Who are you?
[Log in]

To show your avatar with your message, register it first on gravatar.com (free et painless) and don’t forget to indicate your Email addresse here.

Enter your comment here

This form accepts SPIP shortcuts {{bold}} {italic} -*list [text->url] <quote> <code> and HTML code <q> <del> <ins>. To create paragraphs, just leave empty lines.

Add a document

Follow the comments: RSS 2.0 | Atom