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

    Ah, ce que je cherchais depuis longtemps !
    Léger fonctionnel.
    Pour montrer mes tableaux !
    Merci encore :)

    • Il me manque juste comment publier le titre et descriptif de la photo pas loin.

    Répondre à ce message

  • Tout simplement génial !!

    Mille mercis

    Répondre à ce message

  • 1
    michel80

    Avec spip 3.0.10 eva 4.2 galleria 1.3.0 je souhaite présenter un diaporama sans vignette.
    Quelle option choisir , j’ai tenté carousel mais sans succés
    Avez vous un site qui présente les différentes options
    Merci d’avance
    Michel80

    Répondre à ce message

  • 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

    Répondre à ce 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.

    Répondre à ce 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

    Répondre à ce 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.

    Répondre à ce 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

    Répondre à ce 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

    Répondre à ce 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

    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