Plugin Diapo

Galerie / diaporama en modèle

Plugin ajoutant le modèle <diapoXX> permettant d’insérer les images de l’article XX sous forme de galerie/diaporama reprenant le fonctionnement de la galerie Walma.

But

Ayant besoin d’une galerie photo pour un site, j’ai d’abord créé un squelette spécifique (incluant un bloc inc-walma...).
Puis, la question s’est posée d’utiliser plutôt les brèves ou les rubriques...

J’ai finalement opté pour un modèle pour me libérer de cette contrainte.
Le résultat est visible sur le site du Pays Bourgogne-Nivernaise (v1) et sur ce site de test

Cette approche permet en plus de personnaliser / réutiliser facilement les développements.

Installation

C’est un plugin, il suffit de le placer en sous-répertoire du dossier /plugins et de l’activer.

Utilisation

Vous disposez alors d’un nouveau raccourci typographique <diapoXX> permettant d’insérer les images de l’article XX sous forme de galerie/diaporama.

Vous pouvez spécifier le mode par defaut :
-  <diapoXX|diapo> (équivalent à <diapoXX>) pour le diaporama
-  <diapoXX|pause> pour le diaporama en pause
-  <diapoXX|left> pour une galerie avec vignettes à gauche
-  <diapoXX|right> pour une galerie avec vignettes à droite
-  <diapoXX|center> pour une galerie avec vignettes en haut et grande image

Le modèle fonctionne avec JQuery, utilisant des appels AJAX pour la pagination et le chargement des images, mais reste fonctionnel sans javascript.

Personnalisation

Avec la version 2 du plugin, compatible SPIP3 et responsive, les paramètres sont définis dans une page de configuration. Plus besoin donc du fichier mes_fonctions.php.

Avec les versions antérieures :
Vous pouvez definir plusieurs paramètres de personnalisation dans votre fichier mes_fonctions.php :
-  le temps de pause du diaporama (en millisecondes, par défaut 8000) :

//temps de pause 5 secondes :
$GLOBALS['diapo_temps']=5000;

-  le nombre de vignettes par page (par défaut 8) :

//10 vignettes par page :
$GLOBALS['diapo_vignettes']=10;

-  la largeur maximum de la « grande » (diaporama et center) image (en pixels, par defaut 560) :

//largeur de la grande image  500px maxi :
$GLOBALS['diapo_grand']=500;

avec la feuille de style par défaut (diapo.css.html), le diaporama fera 4px de plus en largeur (2px de marge).

-  La taille des vignettes (calculée automatiquement si elle n’est pas précisée pour que les vignettes tiennent sur une ligne en mode center).

//largeur et hauteur maxi des vignettes 80px :
$GLOBALS['diapo_vignette']=80;

-  la largeur maximum de la « petite » image :

$GLOBALS['diapo_petit']=350;

Par défaut, il n’y a pas de restriction en hauteur pour les images (petite et grande) mais les vignettes sont réduite en largeur et hauteur.

Vous pouvez préciser également ces paramètres :

$GLOBALS['diapo_grand_h']=400;
$GLOBALS['diapo_petit_h']=300;
$GLOBALS['diapo_vignette_h']=70;

Il n’y a pour l’instant pas de véritable gestion de modèles, mais c’est en réflexion. Vous pouvez déjà surcharger le modèle en posant le vôtre dans /squelettes/modeles/diapo.html.

[(Attention : certaines règles strictes (bidouilles) doivent être respectées en attendant mieux.

Regardez les commentaires dans le code des squelettes si vous personnalisez le modèle.

Mais il y a déjà de quoi faire avec la feuille de style et les modèles de pagination.)]

Discussion

169 discussions

  • 2
    joachim

    Bonjour,

    J’utilise l’avant derniere version de ce plugin qui est bien cool.

    Par contre en mode type lightbox quand l’on click sur la grande photo j’ai plus le diaporama qui marche (1/1 meme si je suis sur la 3e photo).

    Est ce quelqu’un peut me dire ou ce trouve cette partie du code ? et/ou si vous avez une idee du probleme ? :)

    Merci
    joachim

    • joachim

      j’ai trouve merci qd meme :)

    • hésite pas à expliquer ta solution (si tu as modifié le modèle, autant intégrer ta modif ou proposer directement plusieurs modèles)

      @++

    Répondre à ce message

  • 4

    J’ai installer diapo sur un spip2 + ahuntsic , cela a marché une fois, ensuite, pour cet article, plus de squelette ne s’affcihe, j’ai enlevé diapo mais rien n’y fait, mon article reste identique.
    Comme j’y connais pas grand chose en php, quelqu’un peut il m’aider ?

    merci
    Olivier

    • Patrick

      Bonjour,

      Comme je l’ai signalé plus loin, chez moi ça marche ICI, je n’ai pas touché aux réglages, je n’ai rien changé, de plus le flou du rendu n’est dû qu’à la mauvaise qualité des photos.
      Sans manipulation spéciale.
      Par contre les vignettes en mode paysage dépassent un peu.
      J’utilise ce plugin depuis longtemps et j’en ai toujours été satisfait.

      Spip 2.03, Ahunstic personnalisé, chez Free.

    • Patrick

      Bonjour,

      J’ai trouvé par hasard ICI un article dans lequel semblaient coexister plusieurs diaporamas différents, alors qu’un diaporama récolte et diffuse toutes les photos d’un même article.

      Cette présentation m’intéresse pour scinder en plusieurs diaporamas les photos d’un même article.

      Je suppose que la syntaxe y est pour quelque chose.

      Quelqu’un a t il une piste ?

    • ce sont les diapos de plusieurs articles présentés sur le meme article.

      Un des intérets de ce modèle, c’est justement de pouvoir présenter les images d’un article ou on veut (dans une breve ou une rubrique par exemple)

      @++

    • Patrick

      Merci,

      Après info, cela va de soi, lorsque l’on connait le plugin, mais je pensais avoir manqué une étape dans la syntaxe...
      Je suppose que l’on peut aussi ainsi utiliser des diapos d’articles écrits dans une rubrique masquée, ce qui garderait l’exclusivité des photos pour l’article visible.
      Merci pour cette astuce.

    Répondre à ce message

  • J’utilise le plugin sur un site sous spip 1.9 sans problème.
    Sur un autre site sous spip 2.0.3, il ne semble pas marcher. (vignettes suivies des grandes images, mais pas de diaporama )

    Dans la page de téléchrgment, il est indiqué que la compatibilité est assurée pour 1.9 mmais pas de 2.0 ; des utilisateurs assurent le faire marcher sous 2.0. Qu’en est il ?
    Y-a-t-il une manip spécifique à faire ?

    Merci et bravo pour ce super plugin

    Répondre à ce message

  • Bonjour,
    Je vous ecris en désespoir de cause... J’ai déjà utilisé votre plugin diapo sur plusieurs sites et je n’ai jamais eu de soucis mais la je ne comprend pas....
    J’avais installé le v1.9.2e de spip, j’ai migré vers la v2.0.3 et toujours le mm soucis d’affichage :
    http://www.acp34.fr/spip.php?rubrique8

    Pourriez vous m’aider ?

    Merci.

    Répondre à ce message

  • Bonjour a tous

    Je pense qu’il me manque une étape pour afficher un article en diapo.
    1-J’ai installer le plugin —> ok
    2-j’ai crée le fichier mes_fonctions.php —>ok

    mais si je veux que par exemple l’article numéro 2 soit sous forme de
    diapo comment je doit déclarer ce paramètre ?

    PS : « un utilisateur nouveau de SPIP »
    Merci

    Répondre à ce message

  • 4

    bonjour,

    je suis en SPIP 2.03, je viens d’installer le plug in et j’ai créé un fichier « mes_fonctions.php » placé dans « squelettes » , les variables de personnalisation ne sont pas reconnues ? par exemple
    $GLOBALS[’diapo_vignettes’]=3 ; ne modifie pas le nombre de vignettes.
    Que faut il ajouter pour qu’une variable de personnalisation soit prise en compte ?

    merci

    jacques

    • bizarre ca.

      et en le mettant dans /config/mes_options.php, ca marche ?

      bon, de toutes facons, je vais mettre ca dans un meta avec cfg, ca sera plus clean.

      @++

    • non rien a faire, dans le dossier config ca ne change rien !!!!

      jacques

    • /config/mes_options.php, pas mes_fonctions.php, on est bien d’accord ?

      Sinon, tu peux copier /plugins/diapo/diapo_fonctions.php dans /squelettes/diapo_fonctions.php et y changer les valeurs par defaut, mais je ne vois vraiment pas pourquoi ca ne marcherait plus en spip 2.0, tu es sur quelle version précisément et avec quels autres plugins ?

      (en fait, si tu as un lien, c’est encore plus simple)

      @++

    • bonjour,

      merci de tes reponses ;

      le site est en développement en local je n’ai pas donc pas d’url pour le moment. J’ai essayé tes propositions :
      donc j’ai mis $GLOBALS[’diapo_vignettes’]=3 ; dans
      /config/mes_options.php
      rien a faire même apres avoir vider le cache

      idem si j’integre ce code dans
      /squelettes/diapo_fonctions.php

      je ne comprends pas ce qui empeche me code d’etre interpreté ?

    Répondre à ce message

  • 5

    oui seulement la version 1.9.2 est incompatible avec un autre plugin, Formulaires & sondages., que j’utilise et que je ne peux pas désactiver, des inscriptions étant en cours jusqu’en mars.
    D’où l’installation de cette version antérieure en novembre. Spip 2.0 n’était pas encore sorti.

    Est-ce qu’il y aurait une version de Jquery plus ancienne qui serait compatible ?

    Merci

    • le plugin diapo est compatible avec la 1.1 (et sans doute meme 1.2), donc tu peux essayer de monter en version et de voir si ca corrige ton pb de scroller et que ca ne casse rien à coté.

      mais bon, tu peux aussi désactiver softscroller (couteau suisse) et voir si ca marche mieux sans.

    • Bonjour,

      J’ai utilisé les différentes versions de votre plugin depuis spip 191, puis 192, avec des petites adaptations (css) et de nombreux articles l’utilisent.
      Je suis passé à la version 2 de spip, et votre plugin est toujours fonctionnel.
      Il fait double usage avec Thickbox, mais, ça marche.
      Pour info, comptez vous bientôt passer à une version « adaptable » à spip2 ?

    • Je ne comprends pas la question en fait...

      ca marche ou pas ?

      si oui, il faut ajouter cette info dans le plugin.xml (necessite), c’est ca ?

      normalement, le javascript devrait continuer à marcher avec jQuery 1.3, pas sur que le critère diapo continue à fonctionner normalement (mais pas trop de raisons non plus que ca ne marche pas).

      Si il y a un endroit ou c’est visible en ligne, n’hesites pas à faire passer un lien qu’on teste ca avec differents navigateurs.

      @++

    • Bonjour, désolé de vous avoir fait perdre votre temps, oui ça marche, et même bien avec Spip2,
      voir ici en demo sur un site d’essai :

      http://entcordeliers.free.fr/spip.php?article96

      où le flou est dû à la mauvaise qualité des photos.

      Je pensais pouvoir télécharger le plugin par la saisie auto des plugins, c’est ce qui m’a trompé.

      Encore mille excuses d’autant plus que comme je vous l’ai déjà dit, j’utilise beaucoup votre plugin.

      a+

    • Ben faut pas etre désolé, c’est sympa de faire des retour, juste j’avais pas compris que c’etait le chargement automatique qui manquait...

      il faudrait que je package ca si ca marche en 2.0.3, pas de raison de ne pas le proposer.

      je regarde.

    Répondre à ce message

  • 1

    Bonjour,
    J’ai utilisé votre Plugin pour une galerie ici
    mais les liens de pagination n’ont pas l’air de fonctionner.

    Serait-ce parce que j’ai enlevé le filtre pagination de article.html dans mon squelette ?

    A quel niveau du code, puis-je afficher toutes les vignettes sans découpage par liens.

    Merci.

    • ouch, spip 1.9.1 avec tous ces plugins ca marche encore ?

      trop fort !

      bon, le probleme vient du plugin jquery pour scroller, pas de diapo, visiblement il n’est pas compatible
      avec jquery 1.0.4.

      Quand javascript plante, tout s’arrete...

      un passage en 1.9.2 (indispensable pour des raisons de securité) devrait la question.

      @++

    Répondre à ce message

  • 2

    Moi sous SPIP 2, il m’apparait comme « stable » malgré les quelques dysfonctionnement (j’ai supprimé Thickbox qui lui apparement n’est pas encore compatible... mais ça ne change rien...)

    • Jean Christophe

      Ah ?
      Chez moi, si l’affichage est correct, quand je clique sur une vignette pour la mettre en plus grand dans la fenêtre, ça tourne en rond, que thickbox soit activé ou non.
      Visiblement pas encore compatible.
      Y’a plus qu’à patienter ou à chercher une autre galerie aussi sympa !

    • Jean Christophe

      Suite de mes essais :

      Au vu de quelques messages sur la liste spip, j’ai vu qu’il y avait un petit bug dans spip

      voir ici

      http://trac.rezo.net/trac/spip/changeset?old_path=/branches/spip-2.0&old=13532&new_path=/branches/spip-2.0&new=13542

      Avec ces corrections, le plugin diapo marche avec l’effet thickbox.

      Mais il reste juste un petit souci lorsque le nombre d’images d’un article dépasse 10 : là, un clic sur la vignette 11 renvoie l’image 8, un clic sur la 12 renvoie la 3 ... bref, ça coince.

    Répondre à ce message

  • Je débute avec SPIP 2.0.2
    J’ai installé Multiflex pour le squelette
    Je viens de mettre les plugins Diapo et Thickbox v2
    J’ai fini par comprendre le fonctionnement, par contre quand je clique sur l’une des images une fois l’article publié, elle ne s’affiche pas...
    Par contre cella fonctionne en mode diaporama...

    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