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

  • wondernono

    Bonjour, il y a quelques temps j’avais ce problème...que je n’arrive toujours pas à résoudre....Avez-vous une idée ?


    Bonjour, ce plugin est vraiment sympa, je trouve, Mais il m’arrive un petit souci de mise en page, mes vignettes se placent toutes verticales (il y en a 5), malgré mes tentatives d’indications left , right ou center à la suite de diapo, cela ne change rien... Aurais je oublié qqch ?? voici ma page : http://orchestreleonbarzin.fr/spip....

    Je suis sous spip 1.9.2d, et j’utilise le plugin diapo 1.9

    Et j’ai le même problème sur un autre site : http://ladoucaine.fr/Photos-Concert-Sonne-Essonne.html
    Ai-je loupé qqch ?
    Merci de votre aide

    Répondre à ce message

  • 2

    Bonjour,

    J’utilise ce superbe plugin avec SPIP 1.9.2d et le plugin EGT. Mes articles s’affichent bien avec le plugins Diapo et j’ai bien mes vignettes. J’aimerai ne pas afficher en plus les vignettes du portfolio. J’ai supprimé la boucle du portofolio dans mon fichier artcile.html mais rien y fait je vois toujours apparaitre les vignettes du portfolio. J’ai vidé le cache, recalculé mais ça marche pas.

    Merci

    • Bonjour
      J’ai exactement le même problème. Je cherche à me débarasser dans l’affichage de l’article des vignettes du portfolio (car ça fait double emploi avec le diapo et ça alourdit bcp l’article) et je ne sais pas comment faire. Si vous avez trouvé une solution pour cela, je suis preneur ! Merci d’avance.

    • ca depend du squelette.

      si c’est le squelette standard de spip, il faut copier /dist/article.html dans /squelettes/article.html et modifier les boucles documents comme souhaité

      @++

    Répondre à ce message

  • 5

    Bonjour,

    Je viens de découvrir et d’installer la version 1.9.2.d de SPIP sur un site. J’ai installé votre plugin mais je n’ai pas le raccourci diapo|xx qui apparait dans la barre typographique.
    -  Est ce une mauvaise installation ou faut il paramétrer des éléments complémentaires dans le squelette pour le faire apparaitre ?
    -  Est ce que le diaporama est actif uniquement sur des articles publiés ou est il disponible en prévisualisation ?
    Merci par avance pour votre aide
    hleb

    • je n’ai pas le raccourci dans la barre typographique

      normal, il n’en a jamais été question.

      le plugin ajoute un modèle, c’est tout.

      comme pour les autres modèles (y compris doc / img / ...) il faut ecrire le raccourci dans le texte ou utilise #MODELE dans le squelette.

      pour la preview, je dirais que ca doit marcher en preview, mais je n’ai pas testé plus que ca.

      @++

    • Bonjour
      Je ne comprends pas ton explication (je débute à peine avec spip)
      Je rencontre exactement le même problème ; je travaille sous spip 1.92 et evaweb 3. J’ai installé diapo 1.9 et activé le plugin mais rien n’apparaît lorsque j’écris un article. Si j’y joins des images, elles apparaissent en portfolio mais pas de diaporama !
      Que faire ?
      Merci pour votre aide.

    • comme pour les autres modèles (y compris doc / img / ...) il faut ecrire le raccourci dans le texte ou utilise #MODELE dans le squelette.

      Je ne comprends pas cette réponse je ne vois pas ce qu’il faut faire. Pourrais-tu me l’expliquer en détails pas à pas stp. Merci

    • un explication supplémentaire, pas à pas .... un genre d’article sur spip-contrib qui explique comment installer et utiliser ?

      j’ai déjà essayé, visiblement personne ne le lit....

       :)

      blagues à part, je ne vois pas ce qu’on peut ajouter à l’article pour etre plus precis.

      dans le texte de l’article 12, on met <diapo12|left> pour avoir le diaporama avec toutes les photos de l’article 12 dans le texte, c’est tout.

    • Merci pour ton explication
      je viens enfin de réussir à afficher le diaporama ! (et oui dur, dur pour les débutants !). Ta précision m’a « débloqué »
      Reste maintenant des problèmes de dimensions mais ça je vais essayer de le régler à partir des questions du forum.
      Merci encore
      Une question encore : y’a t’il une taille idéale de photo (autour de 100ko, plus, moins ?), bon compromis entre un affichage rapide sur diapo et une bonne qualité ?

    Répondre à ce message

  • 1

    désolé j avais pas vu le titre s’afficher... les 2 images que j avais a l ecran n avais pas de titre... pour les autres ca marche :p

    par contre je me demandais comment gérer l’ordre d’affichage des images ... j ai l impression qu’elles sont classé par ordre alpha...

    j aimerai pouvoir les faire défiler autrement (des photos d’un processus doivent garder l’ordre de ce processus)... et ceci sans les appeler 1. titre , 2.... si possible

    • pour le tri, sauf erreur, c’est par num titre, donc en mettant dans les titres 1. xxx, 2. aaa ... ca devrait prendre l’ordre en compte

    Répondre à ce message

  • 1

    Salut,

    Il n’y pas de possibilité de téléchargement dans la version allemande...

    C’est possible de changer ca ?

    Rainer

    • Oups, j’avais pas vu ce message, désolé.

      je viens d’ajouter un document (distant pointant sur la version stable) à ton article, il faudrait lui mettre un titre et un descriptif.

      @++

    Répondre à ce message

  • 1

    serai-t-il possible d’ajouter une ligne avec le titre de l’image que l’on a (ou pas) renseigner au chargement de l’image dans l’article ??

    • dans le modele par defaut, le titre s’affiche sous l’image, dans le title du lien et dans le alt de l’image (moyennant un petit bug que je viens de voir)

      tu le voudrais ou en fait ?

    Répondre à ce message

  • 1

    Oups pardon, je le mets accessible à tous provisoirement...
    désolé

    Répondre à ce message

  • 1

    Bonjour, ce plugin est vraiment sympa, je trouve,
    Mais il m’arrive un petit souci de mise en page, mes vignettes se placent toutes verticales (il y en a 5), malgré mes tentatives d’indications left , right ou center à la suite de diapo, cela ne change rien...
    Aurais je oublié qqch ??
    voici ma page : http://orchestreleonbarzin.fr/spip.php?article22&var_mode=calcul

    Je suis sous spip 1.9.2d, et j’utilise le plugin diapo 1.9

    Merci de votre aide

    Répondre à ce message

  • 4
    Cedric34

    Bonjour,

    Je trouve cette galerie tellement formidable, que je cherche à étendre son utilisation à des flashs.

    En modifiant quelque peu les squelettes cela fonctionne sauf si j’inclus des vignettes dans les flashs, je me retrouve avec des images en double (puisque les vignettes sont incluses dans les images).

    Si quelqu’un c’est comment faire pour exclure les vignettes de la liste des images, je suis preneur.

    Cordialement

    • c’est une bonne idée, n’hésites pas à commiter tes modifs ou à proposer un modèle alternatif.

      Je n’ai pas compris ton histoire de vignette en double, tu peux expliquer et/ou montrer un exemple ?

      @++

    • Cedric34

      J’ai réussi à faire l’inclusion de flash en modifiant les patrons, comment dois-je faire pour mettre à disposition ? un zip téléchargeable depuis mon site ? un dépot vers la communauté ?

      Cordialement

    • Le developpement se fait sur le SVN de spip-zone.

      Si c’est trop galère pour toi, tu peux m’envoyer le fichier, je commiterai

    • As tu trouvé une solution pour ne pas avoir les vignettes en double car j’ai le même problème. La seule solution de dépannage que j’ai trouvé c’est pour le moment de mettre des vignettes en GIF et de les exclure dans la page diapo.html au niveau de la (boucle docs).
      Merci pour ta réponse

    Répondre à ce message

  • Bonjour et merci pour le bon travail,
    j’ai cependant un petit problème avec l’affichage de ce diaporama. J’ai installé la version 1_9 dans le répertoire plugin sur le serveur. Le diaporama fonctionne bien dans sa logique de déploiement mais, les couleurs de mes images sont réduites à seulement quelques tons en mode vignettes dessus, à droite et à gauche. Quand je suis en mode diaporamma, tout est o.k. On voit alors défiler les photos avec les bonnes couleurs.

    Comment faire pour corriger cet aspect de la présentation et faire que les vignettes soient full couleurs ?

    Merci beaucoup et encore bravo !

    P.S. serait-il possible pour quelqu’un qui réponde à un article d’ajouter une ou des photos ?

    Merci.

    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