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)

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

75 discussions

  • Bonjour,
    Je suis debutant avec SPIP et je voulais utiliser Galleria pour l affichage des images. Mais la j ai un probleme, car les photos affichent bien dans l espace prive et non sur le site public.
    j utilise des squelettes qui ont ete crees par une autre personne.
    Pouvez vous me dire la balise que je dois mettre dans mon squelette pour que les images s affichent avec effet lightbox dans l espace public et non les images en dessous des autres comme c est le cas maintenant.

    Merci,
    David

    Reply to this message

  • Bonjour,

    J’ai deux sites sous SPIP 3.0.7 avec le squelette ESCAL-V3 (3.70.32). Pour l’un, Galleria fonctionne sans problème, pour l’autre, j’ai un message d’erreur : Image not found: ../IMG/jpg/image1.jpg
    J’ai vérifié par FTP que image1.jpg se trouve bien dans IMG/jpg/

    Je ne trouve rien dans mes réglages qui différencie les deux sites (hébergés chez 1&1) et qui explique ce problème.

    Reply to this message

  • 1

    Bonjour,
    je viens d’installer Galleria sur SPIP 3

    je dois avoir un petit problème de syntaxe car j’obtiens ce message dans l’espace privé lorsque j’enregistre mon article:
    Fatal error: Could not extract a stage height from the CSS. Traced height: 0px.

    voilà ce que j’écris dans mon article:
    <galleria49|lightbox=true|height=450|width=600>

    pouvez vous me dire ce que je dois faire pour résoudre ce problème

    • Bonjour.
      C’est une erreur due au moteur javascript.
      Vous pouvez contourer ce problème en réduisant le paramètre pagesize à moins de 30.
      Ou vous pouvez réduire la taille de vos images ce qui perd de l’interret de ce pl ugin.
      Cordialement

    Reply to this message

  • 8

    Bonjour

    Artiste indépendant essayant de faire sont site sous SPIP pour faire connaître son travail de façon dynamique je rencontre certain souci avec la gestion des images. Peut-être que mes questions pourront préciser certain point pour les autodidactes de SPIP ?
    (Solution de Publication Internet Participative).

    Ce plugin permet-il de choisir la couleur de fond ?
    Blanc par exemple au lieu du noire ?

    Cordialement

    • Bonjour,
      pour changer le fond de la gallerie d’image il faut modifier le thème galleria.Dans le répertoire galleria\themes , il y a tous les themes possibles de galleria ; pour changer le fond de la galerie modifiez le themes classic .

      éditez le fichier
      galleria.classic.css
      
      changez le style
      .galleria-container {
          position: relative;
          overflow: hidden;
          background: #000;
      }
      
       ici background: #000;

      On peut aussi faire les changements sur un thèmes qu’on a créée ce qui est préférable , ne pas oublier dans ce cas d’utilisé l’option theme.

    • Merci

      formidable j’ai tous ce qu’il me faut. :-)

    • J’ai une erreur ! ?

      Load failed: no data found.
      Fatal error: Could not extract a stage height from the CSS. Traced height: 0px.

      On dirait qu’il ne trouve pas les images.

      J’ai pourtant bien indiqué le numéro d’un article et j’ai associé plusieurs images.
      J’ai même essayer en les plaçant directement dedans. J’obtient à peu prés la même chose.

      Une idée ?

    • Bonjour,
      C’est une erreur Galleria.
      Il semblerait que les informations fournis à Galleria ne soient pas correctes.Essayez de voir dans les sources html générées. Il me faudrait plus d’informations. Le modèle a t-il des options ?

    • j’obtiens

                      <div class="crayon article-texte-18 texte">
      <a name='pagination_galleria' id='pagination_galleria'></a>
      
      <div id="galleria17">
      
              <img src="local/cache-vignettes/L500xH375/saine-burette_640-e6f47.jpg" 
      title="Sainte burette" alt="Griffo-3D : Impression jet d'encre.I" 
      width='500' height='375' style='height:375px;width:500px;' />
      
              <img src="local/cache-vignettes/L500xH375/planete-et-billes-de-bois_640-c4417.jpg" title="Planète et billes de bois" alt="Griffo3D : impression jet d'encre" width='500' height='375' style='height:375px;width:500px;' />
      
              <img src="local/cache-vignettes/L500xH375/oeuf-au-plat_640-7ba5e.jpg" 
      alt="Griffo3D : impression jet d'encre 38cm X 28,5cm" width='500' height='375' style='height:375px;width:500px;' />
      
              etc... autant d'images
      
      </div>
      
      <script>
              Galleria.loadTheme('plugins/auto/galleria/galleria/themes/classic/galleria.classic.min.js');
              $("#galleria17").galleria({
                      lightbox: true,
                      width: 750,
                      height: 500
              });
      </script></div>

      En lib j’ai : h655b6c98-jquery.ui-1.6rc2 et jquery-ui-1.8.9
      sur un spip 2.1.12(18732) avec Zspip vide et Aveline.
      Cfg est actif avec en param le theme du script de fin ?

      Une idée ?

      merci

    • Bonjour,
      j’ai la même erreur.
      Une solution a-t-elle était trouvé.

      Cordialement,
      Seb

    • Bonjour,
      Je n’arrive pas reproduire l’erreur “Load failed : no data found.”.
      Il semblerait que le script Galleria ne trouve pas les informations dont il a besoin.
      Le volume d’images est peut-etre trop important.
      La taille de vos images , ou
      Essayez de réduire le pagesize (par defaut 30)
      Ou bien si vous voulez retirer les messages d’erreur , ajouter l’option
      debug=false (version 1.1.0 du plugin)

    • Salut,

      Pour le Fatal error : Could not extract a stage height from the CSS. Traced height : 0px, apparemment, on peut corriger ça en mettant la taille, soit :

      <galleria5|lightbox=true|height=400>

      ou <galleria5|height=400> sans la lightbox

      Pour l’instant, ça à l’air de marcher sur notre site.

    Reply to this message

  • 1

    Bonjour,

    Version Spip 2.1, le plugin fonctionne correctement. Il y a cependant un problème concernant l’attribut ’alt’ des images. Si cet attribut apparait dans le code source auteur (reprise de l’info donnée dans la zone Description), il n’est plus présent dans le code source généré… Gros problème pour valider un site sur le plan de l’accessibilité. Y-a-t-il une solution pour y remédier ?

    Merci, cordialement

    — 
    Patrice

    Reply to this message

  • 7
    Morgane L

    Bonjour,

    Je ne suis pas un as en informatique et j’essaie tant bien que mal de mettre en place une galerie photo avec Galleria. Lorsque je met mon article en ligne je vois la galerie correctement sur la page administrateur cependant sur le site les photos sont simplement à la suite il n’y aucune galerie de présente ! Je n’arrive pas à trouver et corriger l’erreur !
    Mes librairies installées sont :
    JavaScriptPacker
    plugins/crayons/lib/
    JavascriptPacker
    extensions/compresseur/lib/
    html5media-1.1.4
    plugins/auto/videos/lib/
    icalcreator
    lib/
    jquery_ui
    lib/
    safehtml
    extensions/safehtml/lib/

    • Bonjour,
      Il faut recalculer la page.

    • Morgane L

      Je l’ai recalculée plusieurs fois et aucun résultat !

    • Bonjour,
      Je n’ai pas d’information suffisante pour résoudre votre problème.
      Il me faut soit un extrait de votre html généré ou URL de votre site.

      Cordialement

    • Morgane L

      Voici la rubrique dans laquelle j’essaie de faire afficher l’album :
      http://lautrecanalnancy.fr/Album-photo-Cheveu?var_mode=calcul

      Merci de m’indiquer comment procéder pour résoudre mon problème.

    • Morgane L

      Notre site utilise le thème SPIP suivant : LAC Theme

    • Morgane L

      En visualisant le contenu Javascript de la page, voici le message d’erreur que l’on obtient : voir la copie d’écran jointe

    • Bonjour,
      Votre problème viens du fait que la librairie jquery n’est pas déclarée et mon plugin en a besoin.
      Pourtant mon plugin déclare bien cette librairie dans le header de la page.
      comme suit

      <script src="prive/javascript/jquery.js" type="text/javascript"></script>

      Votre problème viens peut-être de l’interaction entre les plugins.
      Peut-etre jquery-ui ???
      Essayez de retirer les plugins un a un et de gueter l’apparition de cette balise et celle-ci

      <script type="text/javascript" src="plugins/auto/galleria/galleria/galleria.min.js"></script>

      Cordialement

    Reply to this message

  • Bonjour
    Je rencontre une erreur avec IE9 uniquement, avec Firefox et Chrome cela fonctionne bien.
    Cette erreur apparait uniquement au premier diaporama, malgré l’erreur le diaporama se déroule normalement, comme un signalement d’erreur intempestif

    Fatal error theme at plugin/galleria/galleria/theme/galleria.classic.min.js could not load, check theme path

    site 3.0.5 evaweb 4.2
    voir hard copy

    Reply to this message

  • 1
    Renée Picard

    NOTE
    En SPIP 3.05 cela fonctionne très bien en autant que l’on clique retirer cette image du portfolio.
    J,espère que cela vous aidera!
    RP

    • Bonjour,
      J’ai remarqué que l’import des images en masse , sont par défaut dans le porfolio .Je pense que c’est un bug de spip à partir de la version 3.x

    Reply to this message

  • Renée Picard

    Le tout fonctionne très bien mais en espace privé j’ai ces messages qui s,accumulent à chaque fois que je visionne.
    Fatal error: Could not extract a stage height from the CSS. Traced height: 0px.
    Fatal error: Could not extract a stage height from the CSS. Traced height: 0px.
    Fatal error: Could not extract a stage height from the CSS. Traced height: 0px.
    Fatal error: Could not extract a stage height from the CSS. Traced height: 0px.
    Fatal error: Could not extract a stage height from the CSS. Traced height: 0px

    j’ai mis dans le texte de l’article: <galleria35|transition=fade|height=300>
    et dans le css j’ai changé uniquement ceci:

    .galleria-container
    position: relative;
    overflow: hidden;
    background: #fff;

    Reply to this message

  • Bonjour,
    débutant en SPIP, j’ai installé GALLERIA, activé le plugin, lié des images à un article A, inséré la balise et rien n’apparait! J’ai donc exploré le forum et apparemment il faut se servir des modèles spip, j’ai lu l’article sur spip contrib mais pour l’instant “ç’a ne me cause pas vraiment”
    Faut-il créer un fichier HTML dans le répertoire prive/modèle (je suis en spip 2.08) et mon squelette est EGT dans plugon/auto) ?
    Dans ce cas quel code ou boucle insérer ?
    Merci d’avance de votre réponse

    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