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

  • 4

    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.

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

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

    • 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 :)

    • 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

  • 2

    Finalement, je ne l’utiliserai pas. Il est vraiment très chouette, mais il y a systématiquement des « error 500 Internal Server Error » s’il y a trop d’images dans le portfolio (jusqu’à 100-150 pour moi)... je suis donc revenue à thickbox.
    (et pourtant mon site avait résisté à 20 000 visites/jour, je ne pense donc pas qu’il s’agisse d’un soucis de bande passante)

    • Je n’ai pas eu l’occasion d’essayer avec autant d’images, peut-être est-ce dû au calcul des vignettes ? Je ne sais pas j’essaierai dès que j’ai le temps

    • je pense en effet que c’est le calcul des vignettes qui pose soucis. certaines de mes images étaient lourdes. je l’ai un peu fait souffrir la smoothgallery ;)

    Répondre à ce message

  • bonjour tout d’abord merci pour ce plugins à la fois sobre et efficace.

    Il fonctionne parfaitement.Je voudrais cependant modifier celui-ci : en effet lors d’insertion d’images de tailles importantes, celles ci n’apparaissent pas en entier en apercu mais partiellement en taille réélle) . Comment puis-je avoir dans la fenêtre l’intégralité de l’image (miniature en fait)

    merci d’avance

    Répondre à ce message

  • 2

    essayé... et adopté...
    un exemple : http://www.radiohead.fr/spip.php?article886

    J’ai eu quelques frayeurs au départ, voyant que ça refusait de fonctionner... Je n’avais pas fait attention au fait qu’il fallait aller dans configuration, puis cfg, pour le paramétrer.

    C’est très agréable et intuitif.

    J’ai juste apparemment un conflit avec un autre plugin, puisqu’un sommaire apparaît sur le côté. Quelqu’un a une idée de comment éviter ça ?

    • Peut etre as tu mis le code dans le squelette, et dans l’article ?

      Ou bien tu as le plugin thickbox ?

    • non uniquement dans l’article.

      et je n’ai plus thickbox (je l’ai viré tout à l’heure justement...). je crois que une des fonctionnalités du couteau suisse qui interagit... (celle de faire un sommaire)

    Répondre à ce message

  • 1

    Ce travail est très bien sur votre site et je vois que cela fonctionne..mais pour moi l’utilisation reste obscure..

    Je m’excuse mais je ne sais pas ce que c’est que le coté privé d’un article..
    Je n’y connais pas grand chose ..mais cela ..je ne sais pas..

    Je veux bien ajouter au squelette mais où ?

    That is the question Doctor ?

    SI votre travail est très réussi ..je ne sais comment l’adapter et le faire fonctionner dans un site Spip 1.92c avec squelette alternative

    Merci d’avance et bonne année

    Ca serait superbe si je pouvais l’adapter là

    • all sécu

      bonjour j’utilises aussi le squelettes alternatives.

      selon l’utilisation que tu veux en faire :

      -  édites ton fichier ’article.html’ et recherche la boucle ’B_documents_portfolio’.

      — Pour inclure les effets du plugins, rajoutes [(#MODELE{smoothgallery}{id_article})] dans la boucle,
      — pour substituer, remplace toute la boucle par [(#MODELE{smoothgallery}{id_article})]
      — pour insérer dans un fichier spécifique et non l’intégralité des articles, ajoute <smoothgallery|id_article=....> en remplacant les ... par le numéro de l’article en cours de rédaction

    Répondre à ce message

  • Bonjour
    J’ai installé le plugins mais l’affichage n’est pas bon. Il n’affiche aucune image mais Leur titre avec un carré dans lequel il ya une croix rouge.J’ai utilisé joindre un document pour ajouter les images. Par ailleur j’ai remarqué que les images du plugins sont deux à deux mais de taille differente. Devrai je faire parai ?

    Merci et Bonne et Heureuse année 2008

    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