Plugin Douce Galerie

Smooth Gallery Plugin

Et un plugin Galerie, diaporama de plus... joli... en javascript...

Objectif

Pas très compliqué de comprendre le rôle de ce plugin, il affiche le portfolio SPIP des images jointes à un article ou à une rubrique (depuis la dernière version) sous la forme d’une douce galerie.

Téléchargement

Sur la zone : http://files.spip.org/spip-zone/smoothgallery.zip

Démonstration, documentation

La démo de la galerie sur le site de l’auteur du script

Installation et configuration

Le plugin s’installe comme tous les plugins, en décompressant l’archive jointe dans votre dossier plugins. [1]

Ce plugin nécessite le plugin cfg, qui doit être installé. Les paramètres de configuration permettent de régler les dimensions de la douce galerie, d’activer ou non le mode diaporama, et de rendre les images cliquables ou non.

Les modifications du plugin se trouvent sur la zone : ici

Squelettes, boucles et modèles et paramètres

Dans le squelette, dans une boucle article, installez le code suivant :

			
[(#MODELE{smoothgallery}{id_article})]

ou bien pour les documents des rubriques :

			
[(#MODELE{smoothgallery}{id_rubrique})]

Dans l’article, côté privé, placez ce qui suit :

<smoothgallery|id_article=....|timer=false>

ou pour une rubrique

<smoothgallery|id_rubrique=....|timer=false>

Les paramètres disponibles prennent les valeurs « true » ou « false ». Ils sont au nombres de quatre :
-  timer, affiche un diaporama, défilement automatique des images ;
-  showArrows, montre les flèches de navigation (image suivante, image précédente)
-  showCarousel, affiche une navigation par vignettes cliquables
-  embedLinks, rend les images cliquables.

Ils peuvent être ajoutés avec la balise #MODELE ou dans l’article lui-même [2]

Discussion

56 discussions

  • Bonjour,

    Je trouve l’effet de ce plugin très agréable malheureusement il semble y avoir un conflit avec le plugin « recommander à un ami » car sur les pages ou il y a une galerie les photos n’apparaissent pas si on a indiqué dans la config du plugin « images cliquables=oui » ; A la place c’est tout blanc mais on peut cliquer pour les agrandir. et la boite « recommander à un ami » est toujours dépliée, ce qui n’est pas le cas sur les autres pages.

    Si la config est « images cliquables =non » les photos s’affichent bien (mais « recommander a un ami » est déplié).

    ah et aussi il faut remplacer tous les vu=non par vu=oui dans le fichier squlettes/inc-documents.html pour que le portfolio ne s’affiche pas en plus de la galerie dans l’article.

    dd

    Répondre à ce message

  • monsieurL

    Bonjour,

    J’utilise le squelette Easysqueletting, mais lorsque j’inclus la galery, la mise en page avec les bords arrondies disparaissent. Il semble y avoir incompatibilité ??

    Y a t’il une solution ?

    Merci d’avance !

    Répondre à ce message

  • Bonsoir,

    Aprés avoir vainement essayé d’installer ce plugin sur une version 2.0.8 par tous les moyens, j’ai fini par trouver la cause du problème :
    Il semble qu’il y ait une incompatibilité entre mootools et jquery.
    Pour trouver ça, j’ai enregistré le html généré et j’ai supprimé toute référence aux scripts jquery.js, jquery.form.js et ajaxCallback.js. Et dans ce cas, le diaporama s’est mis à fonctionner.

    Je n’ai par contre pas la solution...

    Emmanuel

    Répondre à ce message

  • Je viens de vérifier une chose, je tourne en local sur une base de données SQL lite 2.
    Ce plugin fonctionnerait il que sous mysql ?

    Pour ceux qui ont le même problème que moi c’est à dire rien qui s’affiche, verifier sous quel base de données vous êtes. Si on est tous sous SQL lite, c’est peut être de la que viens le problème.

    Répondre à ce message

  • Salut à tous,

    J’ai un problème car il est impossible pour moi de faire marcher se plugin.
    je suis sous SPIP 2.0.8 avec un squelette ahunstic.

    Le plugin s’installe, je le configure bien avec cfg, j’insere les photos à partir de document mais rien ne se passe.
    J’ai essayer d’installer le code <smoothgallery|id_article=3|timer=false> dans l’article, j’ai eessayer également dans le squelette mais pareil rien ne fonctionne.

    Quelqu’un pourrait m’indiquer une solution SVP ?
    merci

    Répondre à ce message

  • monsieurL

    Pour modifier la taille du descriptif il faut modifier la feuille de style jd.gallery.css, dans le plugin :

    .jdGallery .slideInfoZone p

    padding : 0 ;
    font-size : 60% ;
    margin : 2px 5px ;
    color : #eee ;

    Répondre à ce message

  • Bonjour,

    Comment peut on agrandir le texte descriptif de l’image dans le bandeau en bas ?

    merci

    cordialement

    Répondre à ce message

  • eBaudry

    Bonjour tout le monde !

    Alors je ne sais pas si ça peut être utile à quelqu’un, en tous cas j’ai réussi à résoudre un petit problème dont je n’ai pas trouvé la solution sur les forums, et dont j’ai eu l’impression de ne pas être la seule victime : la gallerie vide à fond noir, avec les image listée en dessous. Pour moi, le problème venait du fait que j’avais plusieurs galleries sur une même page.

    Ce que j’ai fait pour régler ça, c’est que dans le modèle smoothgallery.html, j’ai modifié les ID en leur ajoutant l’ID de l’article concerné :

    [...]

    <script type="text/javascript">
    function startGallery_[(#ID_ARTICLE)]() {
    var myGallery_[(#ID_ARTICLE)] = new gallery($('myGallery_[(#ID_ARTICLE)]'), {
    timed: [(#CONFIG{smoothgallery/time})],
    showArrows: [(#CONFIG{smoothgallery/showArrows})],
    showCarousel: [(#CONFIG{smoothgallery/showCarousel})],
    embedLinks: [(#CONFIG{smoothgallery/embedLinks})]
    });
    }
    window.addEvent('domready', startGallery_[(#ID_ARTICLE)]);
    </script>

    [...]

    Oh, et j’ai aussi ajouté width et height directement dans la balise div, ouai : div id=« myGallery_[(#ID_ARTICLE)] » style=« width : 560px ; height : 420px ; »

    Bon, j’éspère que ça pourra aider, en attendant que quelqu’un qui touche un peu en JS et un peu plus en SPIP que moi se charge de fournir une solution plus... propre.

    Keep on programmin’ folks.

    Répondre à ce message

  • Je me sent moins seul avec ce problème même si personne n’a répondu.
    J’ai contourné le problème avec une animation flash donc plus de plugin Douce Galerie pour moi.

    Répondre à ce message

  • 1

    Bonjour j’ai installé le plugin sur plusieur sites mais sur l’un d’entre eu pas moyen de le faire marché (spip 2.06), rien ne se passe j’ai bien le plugin d’activé et cfg, j’ai mis dans mon article <smoothgallery|id_article=68|timer=false> (qui possède bien des images) et rien ne s’affiche il fait comme s’il n’y avait rien.
    PS : C’est pareil si j’ajoute le code dans un squelette.

    • J’ai exactement le même problème (avec la même version de spip à savoir 2.0.6). J’ajouterais que la configuration de smoothgallery sur le site privé fonctionne bien. Le site public reste cependant désespérément vide :-( et ce quelquesoit le code utilisé (dans article ou dans squelette).

      Quelqu’un a-t-il une idée ?

    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