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

78 discussions

  • 1

    Bonjour, j’utilise Galleria de très longue date, j’ai la version 2.2.2, depuis la dernière mise à jour de Spip, la 4.0.8, impossible d’afficher les images nouvelles dans le lecteur Galleria.
    Si j’utilise des images installées avant cette mise à jour ça fonctionne, pour toutes nouvelles images intégrées au site impossible de les afficher.

    • Je me réponds, en fait pour voir le player avec les nouvelles photos, il faut publier l’article tant que l’article n’est pas publié on ne le voit pas dans le back-office, ce qui n’était pas le cas avant.

    Répondre à ce message

  • 1

    Bonjour, et merci pour cette version adaptée à Spip 4.
    Dans Spip 3.2 il y avait une option « Déposer dans le portfolio » et « Retirer du portfolio ».
    Dans la version 4 cette option n’existe plus. Aussi comment faire pour que, sous la galerie Galleria ne s’affiche pas le portfolio, avec les mêmes images que celles de la galerie ?
    Merci

    • Je me réponds :
      « Suppression de la notion de Portfolio : pour cette version 4.0 uniquement ajout d’une constante _LEGACY_MODE_IMAGE_DOCUMENT qui permet de conserver le fonctionnement historique (distinction portfolio et images).
      Le plugin de rétro-compatibilité) permet d’activer ces deux constantes. » vu sur https://blog.spip.net/O-mega-c-est-SPIP-4-0-alpha.html
      Aussi comme il n’y a plus cette notion de portfolio et que Galleria fonctionne avec cette notion, la solution est d’installer le plugin « Modèles de documents SPIP 3.2 » https://plugins.spip.net/historique_spip32_documents.html
      Les auteurs de Galleria ont ils une autre solution ?

    Répondre à ce message

  • Bonjour, Une version de Galleria pour Spip 4 est elle prévues ? Merci

    Répondre à ce message

  • Baumstark

    Difficuté d’affichage mais difficulté aléatoire

    Bonjour à tous,
    J’ai curieusement un message d’erreur aléatoire... avec le message suivant (sur le site privé comme sur le site public)

    Fatal error : Theme CSS could not load after 20 sec. Please download the latest theme.

    C’est évidemment trés agaçant... comment puis je améliorer l’usage de ce plkugin sur mon site ?
    Cela vient-il de la taille des images ? de la qualité de ma bande passante....
    D’autres ont-ils eu ce soucis ?
    Tout conseil trés bien venu.

    Thanks.

    Répondre à ce message

  • 2

    Bonjour,
    Super, depuis la dernière mise à jour nous avons accès gratuitement aux autres présentations (des thèmes) que proposait Galleria en payant.
    Galleria est donc devenu totalement gratuit, il suffit de modifier galleria.html en remplaçant « classic » par le nom d’un autre thème « azur » par exemple (à deux endroits).
    C’est ce que j’ai fait, ce thème est très beau et met bien en valeur les photos.
    Le seul problème pour moi c’est qu’il modifie le cadrage de l’image d’origine, il rogne le haut, le bas et les cotés...
    Quelqu’un aurait il une idée de ce qu’il faut modifier (autre que le format en bas du fichier galleria.html, afin que l’image ne soit pas en plein cadre mais dans ses proportions d’origine sans recadrement avec un fond noir ou gris sur ce qui n’est pas rempli par l’image comme sur le theme « classic » ?

    • Bonjour,
      Merci pour vos contributions.
      Le changement de theme peut-etre effectuer par une option « theme » du modele

      ex :<galleria22|theme=azur> dans votre cas

      -  la présentation des images est du ressort de la librarie galleria, vous devriez chercher dans cette direction.

    • Merci. En fait j’ai trouvé, je pense que ce n’est pas très « propre » mais il m’a suffit de supprimer la syntaxe « imageCrop : !0 » dans : www.monsite/plugins/auto/galleria/v2.1.3/galleria/themes/azur/galleria.azur.min.js et mes images sont dans leur format d’origine, panoramique pour les panoramiques, vertical pour les verticales et pas rognées pour les horizontales.

    Répondre à ce message

  • Didier

    Bonjour à tous

    J’ai galleria sur mon site cela fonctionne très bien en général
    Mais j’ai voulu mettre beaucoup de photo et galleria n’affiche 30 photos..
    Y a t il un moyen d’augmenter ce nombre...

    Merci d’avance.

    Répondre à ce message

  • Bonjour,

    je découvre galleria au sein de escal V4 et mes premiers essais font ressortir les images bêtement les unes sous les autres dans l’article
    J’ai copié le code suivant dans mon article :
    <galleriaXX|lightbox=true|transition=fade|pagesize=10|responsive=true|autoplay=true>
    En mettant le numéro de l’article à la place de XX bien sur ;-)

    J’avoue être un peu perdu
    merci pour votre aide

    Répondre à ce message

  • Bonjour,
    afin de personnaliser la présentation de l’image qui s’affiche en pleine page quand on clique sur la photo avec le thème classic, je voudrai intervenir sur
    .galleria-lightbox-shadow
    .galleria-lightbox-content
    l’opacité et la couleur du texte.
    Je ne trouve pas le fichier à modifier, j’ai ajouté des éléments dans galleria-classic.css mais cela n’a aucun effet.
    Merci de votre aide.

    Répondre à ce message

  • 4

    Bonjour,
    J’ai de très nombreuses galeries sur mon site et j’utilise Galleria depuis très longtemps avec une grande satisfaction.
    Un nouvel habillage de site vient de sortir sous la forme du plugin nommé Phantom https://contrib.spip.net/PHANTOM-HTML5UP .
    J’ai voulu utiliser ce plugin mais les galeries de Galleria ne fonctionnent pas, la première image apparait bien mais impossible de faire fonctionner les flèches de droite et de gauche ou de faire défiler les miniatures sous la grande image. Idem si je clique sur l’image afin qu’elle s’affiche en grand format ça ne marche pas.
    J’ai posé la question à Phantom mais pour le moment pas de réponse. Auriez vous une piste ?
    Merci
    Didier

    • Une piste mais je ne sais pas résoudre le problème. Cela fonctionne avec Edge pour toutes les galeries mais avec Chrome, Firefox et Brave, certaines galeries fonctionnent et d’autres pas. Alors que sans ce plugin elles fonctionnent toutes quelque soit le navigateur.
      Didier

    • Je n’ai toujours pas trouvé de solution. Le concepteur de Phantom me dit que ça fonctionne chez lui en local. J’ai installé l’ensemble de mon site en local, sur Wamp et toutes les galeries fonctionnent effectivement. Chez OVH, mon hébergeur, ma base de données était en mysql4 alors que sur wamp elle était en mysql5. J’ai tout migré chez OVH sur mysql5 et là aucune galerie ne fonctionne sous Firefox.

      Tout marche bien sur Edge et sur Brave. Sur Chrome c’est aléatoire, en rechargeant la page ça se débloque. Avec Firefox aucune galerie ne fonctionne. J’ai essayé sur un autre PC qui a la même version de Windows (10) et de Firefox et de Chrome et c’est identique. Par contre quand on n’est pas sur Windows, à savoir sur un iphone ou un ipad, tout fonctionne sur tous les navigateurs, idem sur une tablette Android.

      Donc la question est de savoir qu’est ce qui peut bloquer l’action de défilement des images (par clic) qui soit différent sur Wamp et chez OVH dans un environnement Window que Firefox et parfois Chrome ne supportent pas quand le plugin Phantom (exclusivement) est installé ?

    • Bonjour,

      Votre problème est complexe , je ne suis pas sur de pouvoir vous aider.
      Cependant , avez vous regardé la console javascript des navigateurs ? Elle est activable dans tout les navigateurs connus.
      Un autre conseil est de faire un tableau avec les différents environnements et l’état de fonctionnement.
      ex :

      galleria + phantom +wamp + mysql 4 galleria +wamp + mysql 4 galleria + phantom +wamp + mysql 5 galleria +wamp + mysql 5
      firefox partiel ok nok
      edge
    • Merci emthanh pour cette réponse.
      Sous Windows, pour Wamp tout est ok, sous Msql5, quel que soit le navigateur (pas essayé de mettre en Mysql4 car l’objectif était de tout passer en Mysql5).

      Le problème vient du site en production avec Firefox (et parfois Chrome) https://www.gualeni.com/ sous Windows, qui est à présent en Mysql5 et en https avec un code AddThis (mais en http et sans AddThis, le problème est toujours présent sous Firefox et parfois avec Chrome).

      Sous Android et sous IOS tout est ok quel que soit le navigateur tablette ou smartphone.

      Sous windows
      Site en production + phanthom + galleria : Firefox NO OK, Chrome Parfois Ok, se met à fonctionner souvent en rechargeant la page ctrl + F5, Edge OK
      Site en production + galleria  : Tout OK
      Site sous wamp +phanthom + galleria : Tout OK
      Site sous wamp + galleria : Tout OK

      Avec la console de Firefox apparait l’erreur suivante sur une page avec une gallerie Galleria et avec Phanthom
      [Exception... « Failure » nsresult : « 0x80004005 (NS_ERROR_FAILURE) » location : « JS frame : : jar:file :///C :/Program%20Files/Mozilla%20Firefox/omni.ja !/components/nsLivemarkService.js : : handleResult : : line 798 » data : no]
      handleResult jar:file :///C :/Program Files/Mozilla Firefox/omni.ja !/components/nsLivemarkService.js:798:15 FP_sendResult jar:file :///C :/Program Files/Mozilla Firefox/omni.ja !/components/FeedProcessor.js:1242:9 FP_reportError jar:file :///C :/Program Files/Mozilla Firefox/omni.ja !/components/FeedProcessor.js:1289:7 FP_onDataAvailable jar:file :///C :/Program Files/Mozilla Firefox/omni.ja !/components/FeedProcessor.js:1275:5 onDataAvailable jar:file :///C :/Program Files/Mozilla Firefox/omni.ja !/components/nsLivemarkService.js:841:7

    Répondre à ce message

  • 2

    Bosoir,
    Dans le Back office de SPIP, on peut depuis pas mal de temps « déplacer/poser » (drag and drop) les illustrations d’un article, ce qui permet d’ordonner ces images et c’est très pratique. Par contre Galleria ne tient pas compte de cet ordonnancement comment remédier à cela ?

    • je n’utilise pas galleria, mais il semble que le squelette modelles/galleria.html fourni par le plugin,prévoit le critère de tri de son choix puisque la boucle contient un critère de tri personnalisable

      {par ?#ENV{tri}} 

      Du coup, que donne l’écriture

      <galleria1234|transition=fade|lightbox=true|width=520|height=390|autoplay=true|tri=rang_lien>
    • Fabuleux, ça marche ! Un grand merci Manu.

    Répondre à ce message

Ajouter un commentaire

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
  • 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 apparaît.

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.

Qui êtes-vous ?
[Se connecter]

Pour afficher votre trombine avec votre message, enregistrez-la d’abord sur gravatar.com (gratuit et indolore) et n’oubliez pas d’indiquer votre adresse e-mail ici.

Ajoutez votre commentaire ici

Ce champ accepte les raccourcis SPIP {{gras}} {italique} -*liste [texte->url] <quote> <code> et le code HTML <q> <del> <ins>. Pour créer des paragraphes, laissez simplement des lignes vides.

Ajouter un document

Suivre les commentaires : RSS 2.0 | Atom