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

  • ahhhhh nikel avec la version SVN, un grand merci pour ton aide !

    Répondre à ce message

  • 3

    bonjour,
    je suis débutant dans spip, j’utilise spip 2.0.9, mon souci, quand je clique sur une photo, toute la page ce recharge, j’ai pu lire un peu plus bas que cela venai de javascript, dans sommaire.html, dans la balise

    j’ai , et quand je regarde dans inc-head, j’ai bien #INSERT_HEAD. A ce que j’ai pu lire jquery est déjà intégrer avec la version 2 de spip, est ce éxact ? faut il cocher quelque chose pour activer jquery ?

    exemple : http://bison.zubrow.free.fr/labelcouture/spip/?exemple-article-contact

    merci pour votre aide !

    • Déjà, mettre à jour Spip en 2.0.10 sinon la pagination ne marchera pas.

      Ensuite, mettre la derniere version du plugin, là, tu as une vieille version incompatible avec la version de jQuery de Spip 2

      @++

    • Merci pour ton aide, j’ai donc mis à jour spip en 2.0.10, puis mis a jour le plugin en Diapo v1.0tb2. mais j’ai toujours mon problème de rechergement de page :s

      exemple : http://bison.zubrow.free.fr/labelcouture/spip/?exemple-article-contact

      merci pour votre aide.

    • c’est la version SVN stable qu’il faut prendre (version 0.6)

    Répondre à ce message

  • 5

    Pour plus de précisions :, ma version de spip : SPIP 2.0.9 [14357]
    Ma version de diapo : Version : 0.6 [16473] — stable
    J’ai le même souci avec les « squelettes-dist » non modifiés, donc ça ne doit pas venir du squelette...
    Sinon tout le reste des fonctionnalités fonctionne correctement sans problème. Mais que je sois sur la 2e ou la 3e page du diaporama, il m’affiche toujours les liens de pagination de la première page...

    • En passant {env} dans l’inclure, ça donne quoi ?

    • Merci pour la proposition. Malheureusement j’avais déjà un critère env pour l’instruction INCLURE...
      J’ai reproduit le même problème sur un autre site, un spip de la même version avec les squelettes non modifiés et la même version de diapo :
      http://dimitri.mestdagh.free.fr/wiki/spip.php?article29
      Et là on constate le même pb bien qu’il n’y ait pas de INCLURE dans la page article.

      Pour info les autres plugins actifs sont : Thickbox-v2, fckeditor-spip, et cfg.

      Une autre idée ? Je suis preneur de toute explication probable :-)

    • J’ai pu résoudre le problème de pagination avec une bidouille.

      C’est bien un paramètre d’environnement qui manque lors de l’appel du modèle dans la page diapo.html. J’en ai pour preuve que le problème n’apparait plus et que la pagination fonctionne à merveille après avoir copié le contenu du fichier modèle dans le fichier appelant (diapo.html) (et en modifiant (id_article=#ENVid) pour (id_article)).

      Cependant je n’ai pas trouvé quel est le paramètre qui manque lors de l’appel du modèle. Si quelqu’un sait je suis preneur.

    • Problème connu de la 2.0.9 concernant la pagination dans les modèles.

      Il faut mettre à jour SPIP pour corriger le problème (voir plus bas dans le forum de l’article, j’ai déjà donné un lien)

      @++

    • Merci Bill, effectivement tout fonctionne à merveille depuis la mise à jour de Spip.

      @+ et bonne continuation :-)

    Répondre à ce message

  • Merci et bravo pour cet excellent plugin. Je recontre toutefois un petit problème avec la pagination.
    Explication : J’ai 29 photos avec une pagination limité à 15. Sur la page initiale, j’ai donc une pagination notée : 0 | 15. Ok, quand je clique sur 15, j’arrive bien sur le 2d volet avec la 15e photo en premier (jusque là tout va bien). Mais, sur ce 2e volet, la page notée 0 n’est pas cliquable. Par contre je peux toujours cliquer sur 15 (ce qui est inutile puisque j’y suis déjà)...
    On dirait que le système ne récupère pas la valeur actuelle de la pagination et considère que je suis toujours sur le premier volet du diaporama. J’ai passé le paramètre self=#SELF à la fonction INCLURE de la page article de mon squelette, mais rien n’y fait. Quelqu’un a t-il une idée ?

    Répondre à ce message

  • 1

    Bonjour,
    J’utilise SPIP 2.0.10 [14698], mon squelette est Sarka-SPIP 3.0.2 [33924] et la dernière version du plugin Diapo 1.9. J’ai créé un article avec toutes les photos que je veux utiliser pour le diapo et dans le même article, je rentre la comande <diapo9|center>. La réponse de spip est « erreur 404 (9) ».

    Dois-je utiliser deux articles différents ? Sinon que dois-je faire ?

    Merci d’avance
    Spigushe

    • ben normalement, si le plugin est activé et que l’article X est publié avec n photos attachées, il suffit de mettre dans le texte (de cet article, d’un autre, d’une breve... ca n’a pas d’importance) pour avoir le diapo.

      Avec un lien c’est toujours plus facile d’aider...

      @++

    Répondre à ce message

  • 1

    Bonjour

    j’ai installé la version 1_9 dans plugins et validé
    dans un article (n°5)j’ai ajouté des images (20 fichiers jpg) et <diapo5|left>
    j’ai bien mon diaporama avec 8 vignettes + 1 grande image et le système de pagination pour les vignettes suivantes

    problème : quand je clique sur 8 ou 16 pour passer aux vignettes suivantes, il ne se passe rien..
    le lien est ?article5&debut5=8&#pagination5

    • version de SPIP ?

      squelette utilisé ? (contient bien #INSERT_HEAD ?)

      erreur javascript ?

      un lien ?

    Répondre à ce message

  • 2

    Bonjour,
    j’essaye de faire un multi diapos. J’ai essayé avec acces restreint en créant une rubrique diaporama et en y mettant mon article virtuel. Si aucune restrition, j’ai bien les diaporamas mais la rubrique diaporama s’affiche. Dès que je mets acces restreint dans public, je n’ai plus la rubrique diaporama qui s’affiche, mais le diaporama dans cette rubrique ne s’affiche plus. Bref, je pense que cela n’est pas la solution.
    Merci de me dire comment faire

    • houla, precise un peu parce que la, j’ai pas tout compris...

      c’est quoi cette histoire d’article virtuel ?

      quelle rubrique est publique, quelle rubrique est en accès restreint et ou sont les articles contenant les images ?

      De toutes facons, le diapo etant un modele, il va utiliser les droits au moment de la mise en cache, donc c’est pas idéal, pour ca il faut au moins faire une inclusion du modele dans le squelette et pas utiliser le modele dans le texte d’un article.

      Maintenant, si ce qui pose probleme c’est « trop de sécurité », tu peux ajouter un critère {tout_voir} aux boucles ARTICLES du plugin => ca evitera de protéger les images qui sont dans des articles protégés, mais je ne sais pas si c’est ca la question...

      @++

    • Oui, merci.
      je crée un premier article, uniquement en mettant un titre (obligatoire !) et ajouter documents. j’enregistre et retient le n°article(ex : 1). Je crée un deuxième article 2. et ajouter documents.
      Puis je tape
      <diapo1>
      <diapo2>
      Sur la page du site, apparaisse les articles les plus récents dont Article 1 et article 2. Comment faire pour ne pas voir en affichage l’article 1 mais uniquement l’article 2
      Merci

    Répondre à ce message

  • Bonjour,
    Juste pour dire : très bon plugin même pour un néophyte SPIP.
    SPIP 2.0.10 + DIAPO 1.9 SVN : ça marche

    Pour les débutants comme moi :
    -  Pour le réglage des vignettes qui se chevauchent : paramétrage dans « mes_fonctions.php » dans le répertoire \monSite\squelettes\
    -  Si vous n’avez pas de vignette : Aller dans la configuration de votre site, puis « fonctions avancées » : Choisir un générateur de vignette qui fonctionne, puis « Génération de miniatures des images » et enfin choisir « générer automatiquement ».

    Bon courage et merci pour ce plugin

    Répondre à ce message

  • 10

    Je viens d’installer ce plugin que je trouve excellent. Je souhaite mettre plusieurs galeries différentes sur la même page comme sur « Démo multi diapo » mais je ne sais pas comment faire. Il est bien indiqué que la solution se trouve sur le forum de spip-contrib mais je ne l’ai pas trouvé. Pouvez-vous m’aider ? Merci.

    • Bonjour,

      Il existe une solution que j’ai utilisée :

      -  faire plusieurs articles avec chacun des photos dedans (je les ai placé dans une rubrique cachée)
      -  dans chaque article caché comportant des photos, ne rien mettre
      -  dans l’article qui contiendra les photos, mettre :

      • diapoX1 pour l’article caché X1, le texte,
      • diapoX2 pour l’article caché X2 du texte si tu veux,
      • autant de diapoXX que d’articles cachés.

      Cela devrait marcher, l’idée n’est pas de moi, j’ai écrit directement au site...
      Bon diaporama

    • Bonsoir,

      J’utilise diapo depuis 2 ans, et j’en suis trés satisfait.
      Lors de l’essai sur mon site en V209 de spip, je n’arrive plus à avoir le retour à la diapo « 0 » comme ICI

      Il fonctionne toujours aussi bien sans ce petit ennui.

      Je précise qu’il s’agit d’une des premières versions que j’ai modifiée pour rentrer en pleine page.

      En SpipV19 pas de soucis, ce problème avec Spip209

      J’utilise très fréquemment Diapo, je me vois mal m’en passer. Je précise que j’ai essayé les dernières version sans succès

      Dernière question : est il possible de désactiver le diaporama et la présentation en grandes images ?

      Un conseil ou une idée ?
      MERCI.

    • J’ai trouvé : le spip en version 2 est un spip 209, hors je n’avais pas eu ce problème avec un spip 207, j’ai changé les spip en local, et tout est revenu dans l’ordre.
      J’y perds des plugins qui réclament la version spip 209...

      Donc, il va falloir que je regarde pour la version Spip209.

      Au fait, à quelle version est adaptée le zip en Svn ?

      Pour les autres questions, j’ai trouvé la réponse dans le fichier « modele==>diapo.html » les lignes d’icônes.

    • merci pour ce retour.

      peux-tu tester en 2.0.8 pour voir si tu as le probleme STP

      c’est sans doute un bug ou un changement un peu trop violent pour une version mineure de SPIP, mais où ?

      Ca ne saute pas aux yeux dans les logs de la branche 2.0

      @++

    • Bonjour, Test concluant en Spip208, il marche comme en 192, comme en 207, je précise que j’ai la version Diapo du 7 février 2008 Revision : 18397 et qui fonctionne très bien.

      Je me méfie toutefois de la différence local/distant, et des caches, mais il a tourné en Spip 207 pendant plus d’un an !

      Tiens moi au courant, je me replonge dans la nouvelle version, je n’ai pas tout compris, mais l’ancienne marchant bien, je n’ai pas cherché à trop creuser.

      Spip209 devenant indispensable dans l’avenir du site toute correction serait la bienvenue.

      De toute façon, merci pour ce plugin TRÈS utile !

    • Après vérification, le souci a déjà été corrigé sur la branche de maintenance de SPIP.

      Il suffit de prendre la version SVN ou d’attendre la sortie de la 2.0.10

      @++

    • Moi, j’ai toujours ça

      Spip 209

      Diapo Version : 0.6 [16473] Dans quel fichier faut il chercher ?

    • j’ai pas été super clair...

      c’est SPIP qu’il faut mettre à jour, en utilisant la branche de maintenance (testé en SPIP 2.0.9 SVN [14668]).

      tu peux trouver un zip ici

      @++

    • Merci, ça marche !

      Je suis en train de travailler pour automatiser l’inscription de <diapoXXX> à partir d’une icône de la barre typo.
      J’y suis parvenu, mais je n’arrive pas à récupérer le numéro de l’article.

      Bonne soirée et encore merci, ton plugin est indispensable sur notre site, qui est en train de déménager, j’en profite pour le mettre en SPIPV2, d’où le soucis pour conserver « diapo ».

    • Bonjour,

      J’ai réussi grâce à votre aide à retrouver le plugin diapo que nous utilisons fréquemment sur notre site, depuis prés de 2 ans.

      Mon soucis était de faciliter le rôle des rédacteurs.

      En surchargeant une page article.html dans « composition », avec le code de « modeles==>diapo.html », le plugin se lance tout seul, après avoir désigné la présentation « article-diapo.html » de composition.

      De plus, le téléchargement des documents pris en compte, grace à « SWFupload » rend la tache des plus facile.

      Ici l’article concerné, sur un site en essai.

      Seul soucis, j’aimerais pouvoir obtenir la pagination à gauche par défaut, plutôt que le diaporama qui est assez « génant » lorsque l’on présente des enfants en photo.

      Pouvez vous me donner une piste ?

    Répondre à ce message

  • 1
    Novice To SPIP

    Bonjour,

    Donc, pour l’instant le plugin Diapo ne fonctionne pas sur SPIP 2.0.9 ...
    Je vais attendre un peu alors ?! (sourire)
    Est-ce qu’en attendant, il y aurait un petit plug sympa pour faire quelques choses de similaire au plugin Diapo  ?

    Cordialement

    • Bonjour,

      Tu as multiviewer, mais qui charge les images en tant que documents, et qui te demandera de créer une page spécifique, pour embarquer toutes les images sans codage à placer.

      Il y a plusieurs viewers en flash paramétrables et livrés avec.

      C’est un choix, moi j’utilise les deux, que j’aime bien sans ce petit soucis d’affichage en 209.

    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