Galleria (fr)

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)

ouverture avec lightbox/open with lightbox

Discussion

77 discussions

  • 6

    Bonjour
    Lors d’un affichage via le carrousel, je voudrais que le bloc “info” (title + alt) s’affiche en permanence sous l’image, comme pour l’affichage “lightbox”.
    J’ai essayé de modifier le css... mais sans bon résultat !
    Merci de votre aide.

    • Bonjour,

      Vous voulez que le bloc info soit affiché sur le caroussel.
      C’est une fonction qui n’est pas de base dans le comportement du plugin.
      La librairie galleria utilise un systeme de “theme” , celui livré de base est classic.
      cf https://galleria.io/downloads
      Vous pouvez modifier celui-ci (classic) ou créer le votre pour avoir le comportement voulu.

    • Merci pour votre réponse.
      Le site “Galleria” propose des thèmes qui tous affichent les infos de l’image !
      Dommage qu’ils soient payant ... mais on a rien sans rien !!!
      Merci encore
      Cordialement
      fhamonno

    • J’ai donc supprimé l’ancien thème (classic) et l’ai remplacé par le nouveau “Azur”.
      J’ai déactivé le plugin “Galleria” puis je l’ai réactivé...
      Mais quand j’affiche un article, toutes les photos s’affichent à la suite l’une de l’autre !
      Merci de votre aide.
      F. Hamonno

    • fhamonno

      J’ai téléchargé le thème “azur” qui est venu avec le thème “fullscreen”.
      Mais, au lieu d’afficher les images, il me donne l’erreur
      “Could not extract a stage height from the CSS. Traced height: 0”

      J’ai fait tout ce que dit le site concernant cette erreur.
      J’ai mis l’option wait=true et maxsize=2.
      J’ai ajouté le code (function() G.init(); ());
      J’ai fait l’essai avec deux images de taille réduite (42Ko et 105Ko),
      mais l’erreur est toujours là.

      Le carrousel s’affiche correctement avec le thème “classic”,
      mais l’erreur apparait avec les 2 thèmes “azur” et “fullscreen” !

      Je ne sais plus quoi faire !!!
      Merci de votre aide.

    • Bonjour,
      Je n’ai pas testé l’ajout d’un autre theme. Mais la facon dont vous procédez (remplacement des fichiers) n’a pas l’air “safe”.
      Vous devrier ajouter votre theme “azur” dans le répertoire themes de votre plugin galleria.
      Puis utiliser l’option du plugin

      theme=azur

      remarque :
      « Mais quand j’affiche un article, toutes les photos s’affichent à la suite l’une de l’autre ! »
      veut dire que le plugins ne fonctionne pas. Vous pouvez regarder les erreurs dans la console web de votre navigateur.
      Vous pouvez soumettre ces informations (apres selection) lors d’une demande d’aide.

    • fhamonno

      Merci pour votre réponse.
      J’ai trouvé le paramètre “thème” tardivement (!) et j’ai donc mis au propre ma gestion du plugin... mais c’est après qu’est apparue l’erreur “stage height”.
      Merci de votre aide

    Reply to this message

  • 2

    Bonjour,
    Y a t il un moyen pour faire en sorte que cette galerie soit nativement responsive (une bidouille dans la feuille de style ou un truc de ce genre)?
    J’ ai commencé à ajouter à chaque galerie “|responsive=true” ça marche mais j’ai beaucoup de galeries. Aussi s’il suffit d’ajouter une syntaxe qui fait que ça se fait tout seul ça serait super.
    Merci

    • Je me réponds si cela peut aider d’autres personnes.
      Il faut aller dans modeles/galleria.html et là, à la suite de “responsive”il faut remplacer false par true (à 2 endroits).
      Pourquoi ce n’est pas le cas par défaut c’est assez incompréhensible.

    • Bonjour,
      Ce plugins utilise la librairie galleria , les paramètres de base sont utilisées.

    Reply to this message

  • 4
    Christian Voillemont

    Bonjour,
    J’utilise ce magnifique plugin sur plusieurs de mes sites et j’aimerai passer en spip 3.2.0
    Est ce que la comptabilité avec SPIP 3.2.0 sera assurée ?

    Reply to this message

  • Nouvelle URL du site Galleria :
    https://galleria.io/

    Reply to this message

  • juste pour dire que le site de galleria a apparemment changé. C’est https://galleria.io/ maintenant

    Reply to this message

  • la fougale

    Bonjour
    Je n’arrive pas a creer une gallerie avec ce plugin, avec pour seul résultat l’affichage des images de manière classique spip.
    Je suis sur un serveur local (linux Lamp), GD2 est activé, sous spip 3.1, le plugin 1.3.4.
    Avez vous une idée du problème
    merci

    Reply to this message

  • 3

    Bonjour à tous,
    Confronté à l’erreur “Could not extract a stage height from the CSS. Traced height : 0px,” sur la partie
    publique et de façon aléatoire j’ai parcouru les forums où la solution semble être de poser l’extension “wait=true”. Ma question de béotien : où mettre ce script( fichier css, js, html?) sachant que j’utilise le thème classique.
    Merci d’avance et bravo pour votre disponibilité

    • Bonjour,
      Merci encore pour votre motivation.
      Votre solution “wait=true” est de quel nature
      c’est du
      - html pur
      - squellette spip
      Pouvez-vous donner plus de référence ?

    • OSTEOKIN

      Bonjour et merci pour le retour,
      J’ai vu cette option sur le site répertoriant les erreurs Galleria :
      http://galleria.io/docs/references/errors/
      Ils préconisent cette option (WAIT) surtout pour les diaporamas cachés dans des onglets ou blocs dépliants.
      A priori on peu mettre cette option dans un CSS sauf que sans thème particulier il n’y en a pas.
      Je n’ai plus l’erreur en ce moment sur les articles à diaporama visible (sans onglet ni bloc) mais je vais en avoir l’utilité prochainement.
      Merci encore pour votre écoute

    • Bonjour,
      Votre option wait de Galleria n’est prise en charge par mon plugin.
      La version actuelle est la 1.2.9 , votre option est posterieure.
      Je pense à upgrader la version mais les nouvelle version utilisent une version plus récente de JQuery que celle de SPIP.
      Je cherche le meilleur moyen de le faire.

    Reply to this message

  • 4

    Utilisation plugin Galleria, j’ai le message suivant
    Aucune photo n’est encore insérée dans cet album
    Voilà le lien sur la page
    http://roch-jaja.nursit.com/spip.php?page=album&id_article=6
    Merci d’avance
    Cordialement

    • Bonjour,
      Votre erreur vient d’un message de SPIP concernant SA gallerie de photo. En effet SPIP a aussi une gallerie de photo , le portfolio .
      Cela n’a rien a voir avec mon plugin.
      Il faut retoucher votre maquette pour retirer ce message.

      Cordialement

    • Merci
      J’avoue ne pas comprendre (utilisateur bien ordinaire) mais je vais tenter un post du côté de chez SPIP
      Cordialement

    • En fait le probleme est independant de mon plugin. (desactive le , le message est la)
      il faut retirer de message de la maquette (le terme squellette dans spip)
      bonne chance

    • Bonjour
      Merci de ton aide.
      Effectivement le message vient de “novoslider67|controlNav=false”.
      Désolé du dérangement. Je vais poster du côté de SPIP car je suis bien incapable d’aller modifier du squelette !
      Cordialement

    Reply to this message

  • 1

    Bonjour

    Le bug annoncé comme fermé avec la version 1.3.1 est présent alors que j’ai la version 1.3.3. C’est normal?

    Reply to this message

  • 1

    Hello

    J’adore cette galerie, très propre et responsive mais j’ai un petit souci : si on affiche une galerie avec responsive=true, on ne peut plus gérer la largeur des images avec width=500 par exemple.

    N’y aurait-il pas moyen de définir une largeur maximale des images tout en gardant le côté responsive ?

    • Bonjours, et merci
      Je n’ai pas essayé la combinaison responsive et width ; mais je pense que celà viens de la librairie originale http://galleria.io/
      Essayez une page statique avec la librairie galleria et ces 2 options , pour etre sur que celà ne viens pas du plugin.

      galleria version 1.2.9

      Cordialement

    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