SPIP - Contrib

[ar] [en] [es] [fr] [it]



Accueil du site > Images, Galeries > Galeries, Diaporamas > Douce Galerie

Plugin Douce Galerie

Smooth Gallery Plugin

vendredi 28 décembre 2007, par phil. Dernier ajout samedi 5 janvier 2008


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 sous la forme d’une douce galerie.

Démonstration, documentation

Une démo du plugin sur le site SPIP de l’auteur du plugin.

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})]

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

<smoothgallery|id_article=....|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]

Documents joints


Répondre à cet article

  • Plugin Douce Galerie

    19 janvier 2008 08:01

    ça marche ! exemple ici avec l’insertion par #MODELE.

    il faudrait aussi pouvoir paramtrer le petit texte "images" qui appelle le volet des vignettes...

    Répondre à ce message

    • Plugin Douce Galerie 19 janvier 2008 10:45, par Phil

      Pour le moment la modifications du texte "Images" se fait en éditant les fichiers javascript situés dans script : jd.gallery.js (ligne 66) et jd.gallery.set.js (ligne 22)

      Il faut remplacer le mot "pictures", au moins dans le premier fichier ( a vérifier)

      Merci

      Répondre à ce message

      • Plugin Douce Galerie 20 janvier 2008 12:30, par JLuc

        Un autre truc chouette à pouvoir paramétrer, c’est la couleur des bandeaux autour.

        Soit le paramétrer avec une couleur fixe (possiblement autre que le noir) soit le paramétrer de manière variable automatiquement définie à partir d’une couleur puisée significative puisée dans l’image. Je crois que Arno* a fait un filtre pour ça...

        Répondre à ce message

        • Plugin Douce Galerie 18 avril 2008 13:02

          Je rencontrais les mêmes problèmes que vous avec Internet Explorer et en supprimant l’espace "pictures" en haut selon le chemin fixé par l’auteur tout fonctionne maintenant correctement. Le soucis que je rencontre désormais c’est la taille. Je ne comprend pas pourquoi le texte s’écrit de façon si petite et même en essayant de l’agrandir dans le css rien ne se passe . que faire ?

          Répondre à ce message

    Retour au début des forums

  • paramétrer le lien ?

    3 avril 2008 16:44, par JLuc

    Le lien quand on clique sur une image de la douce gallerie affiche l’image seule. Est il possible de paramétrer simplement ce lien de manière à ce qu’il affiche une autre page du site ?

    Répondre à ce message

    Retour au début des forums

  • Gros probleme IE

    7 janvier 2008 00:11

    Bonsoir et merci beaucoup pour ce plugin. Je l’ai installé comme indiqué et il fonctionne parfaitement avec firefox mais pas du tout sous Internet Explorer ni sur opera et à moitié avec Netscape. La partie de mon site en question est celle-ci : http://www.koutek.fr/-Portfolio-. Sauriez-vous d’ou viens le problème car je souhaiterais utiliser ce plugin qui me convient paraitement et est vraiment réussi.

    Merci beaucoup.

    Répondre à ce message

    • Gros probleme IE 9 janvier 2008 00:14

      Finalement, j’ai dû renoncer à contrecoeur pour un autre système, moins adapté à SPIP mais fonctionnant sous tous les navigateurs. Dommage car ce plugin DouceGallery correspondait vraiment à ce que je cherchais.

      Merci en tout cas et bon courage pour la poursuite de sa mise en place.

      Répondre à ce message

      • Gros probleme IE 9 janvier 2008 11:33, par phil

        C’est étrange car cela fonctionne chez moi avec ie.

        Quelle est ta version ?

        As tu vérifié si la galerie fonctionne avec ie sur le site de l’auteur : http://smoothgallery.jondesign.net/ ?

        Merci

        Répondre à ce message

        • Gros probleme IE 9 janvier 2008 22:54, par Philippe

          Bonjour,

          Le plugin est très bien sous Firefox, mais j’ai également des problèmes sous IE7.

          Par rapport à Firefox, la page avec le plugin est beaucoup plus longue à s’afficher sous IE7, une fois affichée elle reste bloquée jusqu’à ce que tous les éléments soient téléchargés, enfin une fois téléchargées, les images s’affichent les unes sous les autres.

          Merci par avance

          Répondre à ce message

          • Gros probleme IE 9 janvier 2008 23:02, par Philippe

            Il y a aussi des fois où l’image reste noire.

            Merci encore pour votre aide.

            Répondre à ce message

            • Gros probleme IE 9 janvier 2008 23:43

              Peut etre y a t il un conflit avec jquery ? Avez vous jquery activé sur le site ?

              Répondre à ce message

              • Gros probleme IE 10 janvier 2008 23:31, par Philippe

                Bonjour,

                J’utilise thickbox et splickrbox sur le site, en plus de smoothgallery. Pour voir, j’ai désactivé jquery sur le site, et j’ai essayé sous IE7 mais le problème continue.

                Vous pouvez le voir sur le site à cette adresse : www.courrierdessteppes.org

                J’ai également légerement modifié le code en remplacant image_reduire par image_masque pour mettre un copyright sur les images. Est ce que cela peut en être la cause ?

                Merci par avance

                Répondre à ce message

                • Gros probleme IE 10 janvier 2008 23:38, par phil

                  Pour savoir si le problème vient d’un conflit avec d’autres plugins ou pas... pourrais-tu tester si la gallery seule fonctionne sous ie7, sur le site de l’auteur de la galerie ici : http://smoothgallery.jondesign.net/showcase/gallery/

                  Merci

                  Répondre à ce message

                  • Gros probleme IE 11 janvier 2008 08:34, par Philippe

                    Bonjour,

                    Sur la page indiquée, ça fonctionne bien. Donc, je regarde si un autre plugin peut être la cause du problème.

                    Merci

                    Répondre à ce message

                    • Gros probleme IE 12 janvier 2008 10:47, par Philippe

                      Bonjour,

                      J’ai retiré le plugin diapo qui était activé mais non utilisé et depuis cela fonctionne correctement. Merci !

                      Il reste encore sous IE7 un problème avec le menu qui apparait lorsque l’on passe la souris dessus. Il n’en apparait maintenant qu’une partie, la moitié disparue étant celle qui se trouve sur l’article où la galerie s’affiche. cela ne se produit que sur les pages où j’affiche une galerie photo. Est ce un problème connu ?

                      Merci par avance,

                      Philippe

                      Répondre à ce message

                      • Gros probleme IE 13 janvier 2008 16:48

                        De quel menu s’agit-il ?

                        Peut etre y a t il un conflit avec le plugin couteau suisse qui crée un sommaire d’articles. ( ?)

                        Répondre à ce message

                      • Gros probleme IE 23 mars 2008 16:51, par infoctet

                        Je n’avais pas vu ce message avant de poster le mien hier. Philippe, est-ce que tu as trouvé la solution à ton problème car visiblement c’est le même que le mien ? Merci d’avance.

                        Répondre à ce message

    Retour au début des forums

  • Bonjour,

    Je trouve cette gallerie excellente, mais j’ai un petit souci. Quand la gallerie est affichée, mon menu déroulant à gauche s’affiche en arrière plan, donc on ne voit plus l’élément du menu déroulé. Est-ce que quelqu’un a une idée pour résoudre ce problème ? Merci d’avance.

    Répondre à ce message

    Retour au début des forums

  • galerie s’affiche dans tous les article

    20 mars 2008 17:58, par tizla

    Bonjour et merci pour ce plugin. J’ai installe ce plugins ca marche, il suffit juste de place [(#MODELEsmoothgalleryid_article)] dans le squelette article, sans place dans l’article . Mais le problème c’est qui il affiche la galerie dans tous les articles qui ont des images par document joint. J’ai essaye de placer , dans l’article en précisent leur numéro mais ca ne fonctionne pas j’ai tout les images et ainsi leur titre qui s’affichent en grand taille en dessous de la galerie. Est-ce qui il y a une possibilité de restreindre la galerie a s’affiche dans un seul article. J’ai utilise SPIP 1.9.2c aves squelette bleu_blog. merci

    Répondre à ce message

    Retour au début des forums

  • Traduction article et Douce et bien aimée galerie

    11 février 2008 12:32, par mab

    Bonjour,

    Mon site est en six langues ce qui occasionne une petite flemme... car à la différence d’une photo qui génère une balise "< img334 | right >"

    Le portfolio Douce Gallerie ne gènère rien - si ce n’est bien sur toutes les photos individuellement avec chacune sa balise -, si bien qu’il faut télécharger le zip autant de fois qu’on a de langues.

    N’y aurait-il pas un "truc" ?

    Merci et merci pour ce bel outil.

    mab

    Répondre à ce message

    Retour au début des forums

  • Fonctionne pas si une seule image

    14 janvier 2008 16:24, par jwander

    Pas mal ce plugin. Seulement un petit souci : il n’y a pas d’image affichée si l’article ne comporte qu’une seule image dans sa galerie. Dès qu’on ajoute la deuxième, tout fonctionne.

    Répondre à ce message

    • Fonctionne pas si une seule image 5 février 2008 20:35, par Pierre

      Oui je confirme même souci chez moi. pas d’image qui s’affiche si une seule image, le lien sur l’image est correcte néanmoins. Ensuite le js est malheureusement mal interprété par Safari 3 windows et mac et Opera windows.

      Répondre à ce message

      • Fonctionne pas si une seule image 5 février 2008 20:46, par Pierre

        pour nuancer c’est en mode vignette que les soucis apparaissent. Quand celles-ci sont désactivées tout va bien. Quand on les active, en revanche, la première image si elle est unique ne s’affiche pas. Et les vignettes s’affichent pas correctement sur safari et opera.

        Répondre à ce message

        • Fonctionne pas si une seule image 5 février 2008 21:28, par phil

          D’un autre côté, quel est l’intérêt d’une galerie avec une seule image ?

          Eventuellement vous n’avez qu’a mettre deux fois la même :)

          Répondre à ce message

          • Fonctionne pas si une seule image 6 février 2008 08:35

            Oui lol. Sinon il suffit dans le modèle de mettre <img src="[(#FICHIER|image_reduire{[(#CONFIG{smoothgallery/largeur})],1}|extraire_attribut{src})]" class="full" /> à la place de 0. et là la première image apparait. Néanmoins probleme d’affichage des vignette toujours persistant sous safari et opera, alors que le problème n’existe pas sur le site de l’auteur du script. Je me demandais si y avait un conflit avec jquery ?

            Répondre à ce message

    Retour au début des forums

  • Plugin Douce Galerie

    30 décembre 2007 00:14, par arriflex

    Bonjour et merci pour ce plugin qui me sera très utile.

    Je rencontre un petit problème à l’installation :

    Le plugin fonctionne quand je n’entre pas [(#MODELE{smoothgallery}{id_article})] dans une boucle mais uniquement le code <smoothgallery|id_article=65> dans l’article (en l’occurence l’article 65).

    Par ailleurs, je n’arrive à utiliser aucun des paramètres disponibles. Quand j’écris <smoothgallery|id_article=65|showCarousel=true>, rien ne se passe.

    Cela vient sans doute d’une erreur de ma part mais je n’arrive pas à la résoudre.

    Auriez-vous une idée ?

    Merci beaucoup et bonne fêtes à vous.

    Répondre à ce message

    • Plugin Douce Galerie 30 décembre 2007 16:47, par phil

      Le plugin fonctionne quand je n’entre pas [(#MODELEsmoothgalleryid_article)]

      Il s’agit peut etre de l’oubli des accolades

      je n’arrive à utiliser aucun des paramètres disponibles

      Moi non plus !! Pour le moement, la solution est de les régler globalement avec cfg... en attendant mieux.

      Merci

      Répondre à ce message

    • Plugin Douce Galerie 12 janvier 2008 19:48, par Joel

      Bonjour à tous,

      Je crois que j’ai un bout de la solution pour la config : il faut retoucher le fichier cfg_smoothgallery.html

      il y a des erreurs : remplacer time par timer et supprimer des selecteddans les options

      je vous recopie ci dessous mon code du

      ...
      Par contre moi aussi je n’utilise pas la modif du squelette d’article pour que le faire marcher

      Amitiés Joel

      ======================================

      <form method="post" action="#SELF"><div>[(#ENV{_cfg_}|form_hidden)]</div>

      <fieldset><legend><:sgslider:Options:></legend>
      <p>
      <label for="_sg_width">* Largeur (px)</label>
      <input type="text" name="largeur" class="type_txt" id="_sg_width" size="5"
              value="#ENV{largeur,500}" />
      </p>
      <p>
      <label for="_sg_height">* Hauteur (px)</label>
      <input type="text" name="hauteur" class="type_txt" id="_sg_height" size="5"
              value="#ENV{hauteur,300}" />
      </p>
      <p>
      <label for="_sg_time">* D&eacute;filement automatique</label>
      <select name="timer" id="_sg_time">
              <option value="false"[ selected="(#ENV{time}|=={false}|?{selected})"]>Non</option>
              <option value="true"[ selected="(#ENV{time}|=={true}|?)"]>Oui</option>
      </select>
      </p>
      <p>
      <label for="_sg_showArrows">* Montrer les fl&ecirc;ches</label>
      <select name="showArrows" id="_sg_ showArrows">
              <option value="false"[ selected="(#ENV{showArrows}|=={false}|?)"]>Non</option>
              <option value="true"[ selected="(#ENV{showArrows}|=={true}|?{selected})"]>Oui</option>
      </select>
      </p>
      <p>
      <label for="_sg_showCarousel">* Afficher les vignettes</label>
      <select name="showCarousel" id="_sg_showCarousel">
              <option value="false"[ selected="(#ENV{showCarousel}|=={false}|?)"]>Non</option>
              <option value="true"[ selected="(#ENV{showCarousel}|=={true}|?{selected})"]>Oui</option>
      </select>
      </p>
      <label for="_sg_embedLinks">* Images cliquables</label>
      <select name="embedLinks" id="_sg_embedLinks">
              <option value="false"[ selected="(#ENV{showCarousel}|=={false}|?)"]>Non</option>
              <option value="true"[ selected="(#ENV{showCarousel}|=={true}|?{selected})"]>Oui</option>
      </select>
      </p>
      <p>* si <b>_</b> ou vide, supprime la fonctionnalit&eacute; (vide reviendra au d&eacute;faut)</p>
      </fieldset>


      <div>
      <input type="submit" name="_cfg_ok" value="<:ok:>" class="fondo" />
      <input type="reset" value="<:reset:>" class="fondo" />
      <input type="submit" name="_cfg_delete" value="<:supprimer:>" class="fondo" />
      </div>
      </form>

      Répondre à ce message

      • Plugin Douce Galerie 12 janvier 2008 20:15, par phil

        Le time est simplement le nom du champ, il est repris par timed dans le fichier modeles/smoothgallery.html

        Il n’y a pas d’erreur.

        Répondre à ce message

        • Plugin Douce Galerie 12 janvier 2008 20:39, par Joel

          Autant pour moi, mille excuses, est il possible de modifier la durée du timer ?

          Et par ailleurs, auriez vous une idée pour le problème de [(#MODELEsmoothgalleryid_article)] qu’il ne faut pas insérer pour profiter de ce magnifique plugin ? Amitiés Joel

          Répondre à ce message

      • Plugin Douce Galerie 4 février 2008 12:34, par p-luc

        bonjours a tous ,

        j’ai une question je commence spip et son apprentissage mais j’ai une question j’ai trouvé ce plugins douce galerie tout à fait a mon gout mais j’utilise sarka spip comme squellette est ce que ces 2 plugins son compatible et si oui comment les installer

        merci d’avance

        Répondre à ce message

    Retour au début des forums

0 | 25



Suivre la vie du site RSS 2.0 | Plan du site | Espace privé | Charte et vie SPIP-Contrib | SPIP | L'autre.net