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

  • 7

    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.

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

      Il s’agit peut etre de l’oubli des accolades [(#MODELE{smoothgallery}{id_article})]

      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

    • Bonsoir et merci pour cette réponse,

      Je me suis trompé en recopiant dans mon précédent message mais j’avais bien mis les accolades dans la page article, ce qui provoquait des bugs...

    • 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>
    • 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.

    • 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

    • 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

  • hello
    merci pour ce plugin qui marche très bien.
    j’ai juste deux questions pour la personnalisation de la galerie :
    -  où modifier le style du titre de l’image ?
    -  où est-il possible d’enlever l’effet (fondu + déplacement) sur l’apparition du titre de l’image ?

    je pensais que tout cela se trouvait dans les css.. et ça doit être le cas.. mais j’ai beau fouiller...j’trouve pas...

    quelqu’un pour m’éclairer ?

    merci !!!

    Répondre à ce message

  • Tout d’abord bravo pour ce superbe plugin.

    Pour faciliter la tâche à certain qui comme moi n’ont pas réussi dessuite à faire fonctionner le plugin pour info :

    pour ajouter une image en mode galerie il faut l’ajouté en tant que document et non en tant qu’image

    Le plugin couteau suisse cause souci à douce galerie ou plutôt l’inverse une erreur javascript est produite depuis que j’ai ajouté douce galerie je ne sais pas encore ce qu’elle fait mais l’erreur retourné est le suivant :
    $(« span.spancrypt ») is null
    ’span.spancrypt’

    cela peut peut être aider..

    Répondre à ce message

  • 1
    Bayfan

    Impossible à faire marcher chez moi... J’ai pourtant activé le plugin ainsi que cfg, ajouté le code dans la boucle article et l’autre code dans l’article, j’ai ajouté 16 images à l’article... Rien ne se passe, la page est vide. Je suis perdu !

    • Bayfan

      Ah je viens de comprendre un truc : il ne faut pas joindre des images dans la partie « modifier un article » mais joindre des documents. Là, en effet, les images apparaissent. Le problème, c’est qu’il y a un conflit avec une autre boucle pour afficher un portfolio, dont je me sers aussi...

    Répondre à ce message

  • 3

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

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

    • 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

    • 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...

    • 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

  • 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

  • 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.

    • 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.

    • 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

    • 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

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

      Merci encore pour votre aide.

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

    • 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

    • 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

    • Bonjour,

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

      Merci

    • 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

    • 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. ( ?)

    • 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

  • 1
    infoctet

    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.

    • infoctet

      Une petite précision, sous Firefox le menu déroulant s’affiche correctement mais pas sous IE.
      Une idée ??
      Merci

    Répondre à ce message

  • 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 <smoothgallery|id_article=....|timer=false>. 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 <smoothgallery|id_article=....|timer=false>, 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

  • 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

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