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

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

168 discussions

  • 1

    Personnellement j’ai eu besoin (spip 2.1.2) de revoir le fichier diapo.html situé dans « modeles » en déplaçant la div située juste après le

    <?php endif; ?>

    pour la mettre juste avant ce endif.

    Ça en aidera peut-être certains.

    • Et j’ai du éditer la ligne 34 en remplaçant :

      style="(#ENV{align}|match{right|left}|?{'display:none',''})" []

      par

      style="[(#ENV{align}|match{right|left}|?{'display:none',''})]"

    Répondre à ce message

  • Bonjour,
    Je suis sous Spip 3.0.5 et, malgré le changement de code dans le fichier modeles/diapo.html comme préconisé dans le post du 22 janvier à 14:01 par Jean Christophe Villeneuve, il reste un problème qui est que seule la 1re image du portfolio est visible en grand. Quand je clique sur l’icône de la 2e image (ou d’une autre), ce n’est que la 1re qui reste en grand... J’ai tenté d’appliquer la modification proposée le 25 janvier à 16:55 par Jean Christophe Villeneuve, soit la création d’un fichier /squelettes/modeles/diapo.html avec le code proposé mais là c’est encore pire : je n’ai plus aucune image agrandie (seules les icônes réduites et placées n’importe comment). Voir la pièce-jointe car le site est en local pour l’instant.
    N’étant pas développeur du tout, toute l’aide serait la bienvenue...
    Merci par avance,
    Stéphane

    Répondre à ce message

  • 9

    Pour info. : Sur un site test j’essaie Diapo avec SPIP 2.1, mais les boucles du plugin cause problème. Je reçois cette notification :

    Erreur de compilation        ../plugins/diapo/modeles/diapo.html        Boucle _docs_diapo; ligne 27

    • Salut Paolo,

      Toujours betatesteur fou ?

       :)

      Bon, pour tout t’avouer, j’ai été très surpris de voir que ca marche en 2.0...

      Je m’attendais à des problemes sur le défilement des photos (critère diapo) qui est vraiment une sale bidouille, mais pas à une erreur de compilation, il doit y avoir juste un détail à changer dans le critère diapo, je regarde dès que possible.

      @++

    • je confirme malheureusement que l’astuce utilisée pour le critère diapo (nommage des fonctions générées par le compilo) ne marche plus.

      Il faut refaire le critère diapo proprement ou revoir la logique du modèle.

      dommage, c’etait pas très élégant mais ca marchait avec juste 10 lignes de code...

    • betatesteur fou ?

      Non, mais j’aime beaucoup regarder à l’horizon lorsque j’ai un moment libre. Ceci dit, évidemment, dès que tu le répares je suis à ton service pour tester ;)

    • Il faut refaire le critère diapo proprement ou revoir la logique du modèle.

      J’aimerais aider, mais je crois que c’est seulement en testant — et en encourageant ;)

    • Excusez-moi, mais ça consiste en quoi de « refaire le critère diapo » ?J’ai ce problème et je ne sais pas comment faire.
      Merci !

    • Bonjour,

      étant dans le même bateau, j’aimerais savoir s’il y a eu de l’avancement à ce sujet ?

      Merci.

    • Pour ma part j’ai désinstallé diapo et j’utilise maintenant le plugin mediabox.

    • Toujours rien ??

    • Ploufplouf

      Bonjour,

      Apparemment pas de suite donnée pour ce plugin pourtant très bien... Dommage je trouve pas d’équivalent : une présentation simple, une personnalisation des boutons simple, un rendu sobre et pratique...

      Enfin espérons qu’une bonne âme ait envie de faire évoluer le modèle pour 2.1.8...

      Je le ferai bien mais je connais pas assez...

    Répondre à ce message

  • 1
    Patrick

    Bonjour,

    J’ai essayé SPIP 2.1.0-rc [15524]

    J’ai obtenu le message suivant :

    Erreur de compilation dans plugins/auto/diapo_1_9/modeles/diapo.html, boucle _docs_diapo, ligne 28

    Je suis en local et je n’ai pas l’intention de passer en distant pour le moment avec cette version de spip.

    Le plugin diapo me sert beaucoup.

    Ce billet n’a pour but que de prévenir les futures mutations...

    Mille excuses, je n’avais pas vu le post précédent ! ET BON COURAGE

    Répondre à ce message

  • 1
    josephtux

    Bonjour

    il semble que diapo ne fonctionne plus avec spip 2.1, ou bien des 3 versions proposées, l’une est-elle compatible ?

    sinon, je me hasarderais bien dans les bidouilles proposées aimablement sur ce forum, bien qu’elles me dépassent un peu, mais sur les 3 versions proposées actuellement, laquelle dois-je choisir ?

    Actuellement, j’ai la version : 0.6 [16473] ( qui ne marche plus )

    Merci au compagnon qui a donner l’info sur médiabox, qui rend bien service en dépannage, mais :
    -  je n’ai pas trouvé de démarrage automatique en mode diaporama ( bénin ), ni d’empécher ( automatiquement ) son fonctionnement en boucle.
    -  je n’ai pas su imposer mon choix à l’ordre des images affichées ( plus ennuyeux )

    Merci à tous et à l’auteur de ce plugin, qui, j’espère voudra bien encore nous le proposer un jour pour SPIP 2.1.

    • josephtux

      P.S.
      à propos de version, dans ma version 0.6 du plugin, le fichier :
      plugins/auto/diapo_1_9/modeles/diapo.html ne comporte aucune balise php.
      Donc, aucune bidouille proposée ne peut être bêtement appliquée comme je pouvais l’espérer.

    Répondre à ce message

  • 12

    Désirant vraiment utiliser ce plugin avec les dernières versions de spip, j’ai regardé un peu le code et une modif simple permet de le faire fonctionner avec spip 2.1.12 ou spip 3 :

    <BOUCLE_docs_diapo(DOCUMENTS){id_article}{extension IN png,jpg,gif}{diapo (#GET{nb_vignettes}) #ID_ARTICLE}{par num titre, titre, id_document}>

    devient

    <BOUCLE_docs_diapo(DOCUMENTS){id_article}{extension IN png,jpg,gif}{par num titre, titre, id_document}{0,1}>

    et voilà
    C’est visible sur un spip 2.1.12 ici

    Je ne sais pas quelle est le rôle du critère {diapo (#GET{nb_vignettes}) #ID_ARTICLE} mais cela semble fonctionner sans si on met le critère{0,1}

    • Bonsoir,

      je ne parviens pas à trouver les lignes à modifer. Dans quel fichier se trouve t-elles car je ne trouve que .

      je continue à recevoir des messages d’erreur sans parvenir à afficher la galerie.

      Je suis sous SPIP 2.1.12 [18732] ; Sarka-SPIP 3.0.8 [54368] ; PHP 5.2.17

      Merci de votre aide.

      Nab

    • La ligne de code n’est pas passée, je ne trouve que :
      <BOUCLE_docs_diapo(DOCUMENTS){id_article}{diapo 8}{par num titre}>

      DSL ;-)

    • le code à modifier se trouve dans /diapo/modeles/diapo.html

      visible sur un spip 2.1.12 ici

    • Bonjour

      Je suis soit un boulet ;-), soit aveugle mais j’ai beau regarder, je ne trouve pas les lignes que vous citez. J’avais bien regardé dans /diapo/modeles/diapo.html pourtant...
      Je vais donc me permettre de coller l’intégralité du fichier.
      Si vous pouviez m’aider, j’apprécierais beaucoup. Je suis ouverte à toute aide, et même aux petites moqueries si c’est moi qui délire !

      <BOUCLE_art(ARTICLES){id_article=#ENV{id}}>
      <div id="diapo#ID_ARTICLE">
      <!-- debut diapo#ID_ARTICLE -->
      <B_docs>
      [(#ANCRE_PAGINATION)]
      [<div class="diapo_menu">
      <span id="diapo_icones">
      <a id="diapo_ico"[ class="(#ENV{align}|choixsivide{'selected',''})"][ class="(#ENV{align}|choixsiegal{'center','selected',''})"] href="#pagination_docs" title="<:diapo:txt_icodiapo:>">&gt;</a>
      <a id="diapo_icoright"[ class="(#ENV{align}|choixsiegal{'right','selected',''})"] href="#pagination_docs" title="<:diapo:txt_icoright:>">&nbsp;</a>
      <a id="diapo_icoleft"[ class="(#ENV{align}|choixsiegal{'left','selected',''})"] href="#pagination_docs" title="<:diapo:txt_icoleft:>">&nbsp;</a>
      <a id="diapo_icocenter"[ class="(#ENV{align}|choixsiegal{'diapo','selected',''})"] href="#pagination_docs" title="<:diapo:txt_icocenter:>">&nbsp;</a>
      </span>
      (#PAGINATION)
      </div>]
      <B_docs>
      <div id="diapo_vignettes" class="diapo_vignettes[_(#ENV{align})]">
      <BOUCLE_docs(DOCUMENTS){id_article}{pagination 8}{par num titre}>
      [<div class="diapo_vignette"><a class="vignette_[(#_art:ID_ARTICLE)]_[(#COMPTEUR_BOUCLE)]" href="[(#SELF|parametre_url{diapo_docs_diapo,[(#COMPTEUR_BOUCLE|moins{1})]})]#pagination_docs"[ title="(#TITRE|couper{80}|texte_backend)"]>
      (#LOGO_DOCUMENT||image_reduire{85}|inserer_attribut{alt,[(#TITRE|couper{80}|texte_backend)]})
      </a></div>]
      </BOUCLE_docs>
      </div>
      </B_docs>
      [(#REM) Attention bidouille : 
      - critere diapo avec meme pas que pagination 
      - meme nom de boucle + 6 caracteres(_diapo) 
      => il faudrait sans doute surcharger pagination...]
      <BOUCLE_docs_diapo(DOCUMENTS){id_article}{diapo 8}{par num titre}>
      <img id="diapo_loading" style="display:none" src="[(#CHEMIN{'img_pack/loading.gif'})]"/>
      <div id="diapo"[ class="(#ENV{align}|match{right|left}|?{'diapo_petit','diapo_grand'})"]>
      <a href="#FICHIER"[ title="(#TITRE|supprimer_numero|texte_backend)"] type="#MIME_TYPE">
      <img id="diapo_petit"[ style="(#ENV{align}|match{right|left}|?{'','display:none'})"] src='[(#FICHIER|image_reduire{710,0}|extraire_attribut{src})]' height='[(#FICHIER|image_reduire{530}|hauteur)]' width='[(#FICHIER|image_reduire{530}|largeur)]' alt='[(#TITRE|supprimer_numero|texte_backend)]' />
      <img class="diapo_[(#_art:ID_ARTICLE)]_[(#COMPTEUR_BOUCLE)]" id="diapo_grand"[ style="(#ENV{align}|match{right|left}|?{'display:none',''})"] src='[(#FICHIER|image_reduire{710,0}|extraire_attribut{src})]' height='[(#FICHIER|image_reduire{710,0}|hauteur)]' width='[(#FICHIER|image_reduire{710,0}|largeur)]' alt='[(#TITRE|supprimer_numero|sinon{[(#FICHIER|)]})]' />
      </a>
      [<h3>(#TITRE|supprimer_numero)</h3>]
      [<p>(#DESCRIPTIF)</p>]
      </div>
      </BOUCLE_docs_diapo>
      <!-- fin diapo#ID_ARTICLE -->
      </div>
      </BOUCLE_art>

      Merci encore

      Nabs

    • Bizarre que tu aies cette ligne

      <BOUCLE_docs_diapo(DOCUMENTS){id_article}{diapo 8}{par num titre}>

      dans ce fichier
      En tout cas, c’est bien cette ligne qu’il faut modifier comme indiqué dans mon premier message.

    • Bonjour

      Oui, celle ligne est bizarre. C’est pourtant le fichier d’origine de l’archive téléchargée ici même...
      Je l’ai modifiée selon vos conseils.
      J’ai effectivement une légère amélioration, mais la galerie reste bloquée sur une image. Lorsque je clique sur des vignettes, il ne se passe... rien ! Je ne comprends même pas pourquoi cette image là.
      Vous pouvez voir ici, rubrique Accessoires et Bijoux.

      Merci

    • Bon pas trop le temps d’y regarder de près.
      Essaye de créer un fichier diapo.html que tu mets dans un dossier /squelettes/modeles avec ce code dedans (code d’origine plus la petite modif) et regarde si ça fonctionne mieux

      <BOUCLE_art(ARTICLES){id_article=#ENV{id}}>
      #SET{nb_vignettes,#DIAPO_VIGNETTES}
      <div id="diapo#ID_ARTICLE" class="diaporama">
      <!-- debut diapo#ID_ARTICLE -->
      <B_docs>
      <div class="diapo_menu">
      <span class="diapo_icones">
      <a rel="diapo#ID_ARTICLE" class="diapo_ico[ (#ENV{align}|choixsivide{'selected play',''})][ (#ENV{align}|choixsiegal{'diapo','selected play',''})][ (#ENV{align}|choixsiegal{'pause','selected',''})]" href="#pagination#ID_ARTICLE" title="<:diapo:txt_icodiapo:>">[ (#ENV{align}|choixsiegal{'pause',<:diapo:ico_diapo_pause:>,<:diapo:ico_diapo_play:>})]</a>
      <a rel="diapo#ID_ARTICLE" class="diapo_icoright[ (#ENV{align}|choixsiegal{'right','selected',''})]" href="#pagination#ID_ARTICLE" title="<:diapo:txt_icoright:>"><:diapo:ico_right:></a>
      <a rel="diapo#ID_ARTICLE" class="diapo_icoleft[ (#ENV{align}|choixsiegal{'left','selected',''})]" href="#pagination#ID_ARTICLE" title="<:diapo:txt_icoleft:>"><:diapo:ico_left:></a>
      <a rel="diapo#ID_ARTICLE" class="diapo_icocenter[ (#ENV{align}|choixsiegal{'center','selected',''})]" href="#pagination#ID_ARTICLE" title="<:diapo:txt_icocenter:>"><:diapo:ico_center:></a>
      
      </span>
      [(#ANCRE_PAGINATION)]
      [<div class="diapo_pagination">(#PAGINATION)</div>]
      </div>
      <div class="diapo_vignettes[ diapo_vignettes_(#ENV{align})]">
      <BOUCLE_docs(DOCUMENTS){id_article}{extension IN png,jpg,gif}{pagination (#GET{nb_vignettes}) #ID_ARTICLE}{par num titre, titre, id_document}>
      [<div class="diapo_vignette"><a rel="diapo#ID_ARTICLE" class="vignette_[(#_art:ID_ARTICLE)]_[(#COMPTEUR_BOUCLE)]" href="[(#SELF|parametre_url{diapo#ID_ARTICLE,[(#COMPTEUR_BOUCLE|moins{1})]})]#pagination#ID_ARTICLE"[ title="(#TITRE|couper{80}|texte_backend)"]>
      (#LOGO_DOCUMENT||image_reduire{#DIAPO_VIGNETTE,#DIAPO_VIGNETTE_H}|inserer_attribut{alt,[(#TITRE|couper{80}|texte_backend)]})
      </a></div>]
      </BOUCLE_docs>
      </div>
      </B_docs>
      [(#REM) Attention bidouille :
      - critere diapo avec meme pas que pagination
      - meme nom de boucle + 6 caracteres(_diapo)
      => il faudrait sans doute surcharger pagination...]
      <BOUCLE_docs_diapo(DOCUMENTS){id_article}{extension IN png,jpg,gif}{par num titre, titre, id_document}{0,1}>
      <img class="diapo_loading" alt="<:diapo:loading:>" style="display:none" src="[(#CHEMIN{'img_pack/loading.gif'})]"/>
      <div class="diapo[ (#ENV{align}|match{right|left}|?{'diapo_petit','diapo_grand'})]">
      <a href="#FICHIER"[ title="(#TITRE|supprimer_numero|texte_backend)"] type="#MIME_TYPE">
      <img class="diapo_petit"[ style="(#ENV{align}|match{right|left}|?{'','display:none'})"] src='[(#FICHIER|image_reduire{#DIAPO_GRAND,#DIAPO_GRAND_H}|extraire_attribut{src})]' height='[(#FICHIER|image_reduire{#DIAPO_PETIT,#DIAPO_PETIT_H}|hauteur)]' width='[(#FICHIER|image_reduire{#DIAPO_PETIT,#DIAPO_PETIT_H}|largeur)]' alt='[(#TITRE|supprimer_numero|texte_backend)]' />
      <img class="diapo_[(#_art:ID_ARTICLE)]_[(#COMPTEUR_BOUCLE)] diapo_grand"[ style="(#ENV{align}|match{right|left}|?{'display:none',''})"] src='[(#FICHIER|image_reduire{#DIAPO_GRAND,#DIAPO_GRAND_H}|extraire_attribut{src})]' height='[(#FICHIER|image_reduire{#DIAPO_GRAND,#DIAPO_GRAND_H}|hauteur)]' width='[(#FICHIER|image_reduire{#DIAPO_GRAND,#DIAPO_GRAND_H}|largeur)]' alt='[(#TITRE|supprimer_numero|sinon{[(#FICHIER|)]})]' />
      </a>
      [<h3>(#TITRE|supprimer_numero)</h3>]
      [<p>(#DESCRIPTIF)</p>]
      </div>
      </BOUCLE_docs_diapo>
      <!-- fin diapo#ID_ARTICLE -->
      </div>
      <br style="clear:both;"/>
      </BOUCLE_art>
    • Merci bcp d’essayer de m’aider. Je vais créer ce fichier et voir ce qui se passe. Je vais aussi continuer de chercher, car débutante je ne peux qu’apprendre plein de choses...
      Merci encore.

      Nabs

    • Bonsoir,

      Ca fonctionne avec la version svn stable, pas avec les autres apparemment. Merci de votre aide. Je vais bidouiller un peu la présentation maintenant, mais l’essentiel est là ! Merci encore donc

      Nabs

    • Merci, Jean Christophe pour ce bout de code qui marche bien chez moi, en 2.1.2.
      J’avais abandonné à regret Diapo, mais un post de début février sur gmane.comp.web.spip.user m’a remis dans la voie.
      La lightbox de Mediabox est un plus !

    • Salut,
      j’aimerai créer un diapo avec le plugin ou en rollover pour afficher les vignettes + une grande image.

      Voici mon code :

                <BOUCLE_article_rubrique(MOTS){id_article}>
                        <BOUCLE_mot(ARTICLES){id_mot} {exclus} >
                         <aside>   
                           <figure class="bubble-base"">
                              <a href="[(#URL_PAGE{article}|parametre_url{'id_rubrique',#ID_RUBRIQUE})]" alt="#TITRE">[(#LOGO_ARTICLE_RUBRIQUE||image_reduire{100,100}|
      |inserer_attribut{'alt',#TITRE}|inserer_attribut{'title',#TITRE} )]</a>
                           </figure>
                         </aside>
                        </BOUCLE_mot>   
                </BOUCLE_article_rubrique>   

      Comment insérer cette boucle dans mon squelette article avec un spip 2.1 en utilisant le plugin diapo ?
      Plus simplement, quelqu’un saurait-il comment faire pour réaliser un rollover comme ceci :

      http://javascript.about.com/library/blroll1.htm avec ma boucle ?

      Merci d’avance !

    • Patrick

      Bonjour,
      tu as un plugin qui ressemble à ça :
      Nivo-Slider
      sur spipcontrib.
      Je ne l’ai pas testé.

    Répondre à ce message

  • Bonjour,

    j’ai installé le plugin... mais je n’ai pas le début d’une idée de la façon de procéder ensuite ? Je ne suis pas débutante en spip mais là les preières étapes de base ne sont pas explicitées...
    Pourriez vous donc être plus explicite ? Que dois-je mettre dans le squelette ? C’est où, le raccourci typographique ? (je n’a rien vu dans les articles au niveau d e l’espace privé) Cela sert au moment du chargement des images ?
    XX c’est le numéro de l’article ? où doit se trouver cette balise diapo ?

    Suis totalement larguée...
    Je suis à la recherche d’un diaporama tout bête qui me permettrait d’afficher mon portfolio DANS ma page avec les vignettes + l’image sélectionnée en grand + un commentaire (plus long qu’un titre) (là par exemple : www.extrados.fr/spip.php?article1),

    J’ai essayé tout un tas de plugins, mais entre les non comptabiles spip 2, ceux qui ne donnent pas ce que je veux, ceux qui ne fonctionnent pas et ceux pour lesquels il n’y a ni explications ni aide... suis paumée.

    Au secours !

    Zab

    Répondre à ce message

  • Ploufplouf

    Bonjour,

    Je dois migrer un site de la version 2.0.10 en 2.1.18 et mon site utilise cette galerie que j’ai personnalisé (icônes)... Je serais heureux de pouvoir la remettre sur mon nouveau site...

    Quelqu’un a-t-il réussi à adapter le plugin pour la 2.1 ?

    Merci.

    Répondre à ce message

  • 2

    Je n’arrive pas a re-dimensioner les grandes images, elles restent toujours a leur taille original.
    J’ai modifie les variables GLOBALS et aussi cree un fichier mes_fonctions.php mais sans succes.
    Quelqun aurait une idee ? Je dois eviter de re-dimensioner les images.
    Merci

    • Je voulais dire la taille des images « petit », c’est a dire quand on les affiche avec les vignettes en haut.

    • J’ai trouve que gd2 n’etait pas par defaut, donc, probleme resolu.

    Répondre à ce message

  • 1

    Bonjour,

    Dans inc-documents.html de mon squelette, je viens de placer ce code avec un spip 212

    [(#REM) Portfolio : album d’images ]
    
    <B_documents_portfolio>
    <div id="documents_portfolio">
            <h2>Galerie photos</h2>
            #ANCRE_PAGINATION
    <BOUCLE_documents_portfolio(DOCUMENTS) {id_article} {mode=document}{extension IN png,jpg,gif} {par titre, date}{pagination 8}{doublons}{vu=non}>[
            <a href="(#URL_DOCUMENT)" type="#MIME_TYPE" onclick="location.href='[(#URL_ARTICLE
                    |parametre_url{id_document,#ID_DOCUMENT}
                    )]#documents_portfolio';return false;"[ class="(#EXPOSER)"][ title="(#TITRE|attribut_html|couper{80})"]>[(#FICHIER
                    |image_reduire{0,120}
                    |inserer_attribut{class,spip_logos}
                    |inserer_attribut{alt,[(#TITRE|attribut_html|couper{80})]})]</a>
            ]
            </BOUCLE_documents_portfolio>
    [<p class="pagination">Suite des documents ici:&nbsp;&nbsp;&nbsp;(#PAGINATION)&nbsp;&nbsp;&nbsp;</p>]
    </div>
    </B_documents_portfolio>

    lignes 1 à 17, il remplace ainsi avec mediabox le plugin diapo, à partir des images placées dans le portfolio.

    Visible ici

    • suite et mise au point ... Utilisateur depuis longtemps de diapo, mon intention n’est pas de le dénigrer, mais je fais part d’une idée qui pourrait peut être faire avancer vos recherches...

    Répondre à ce message

Ajouter un commentaire

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

Dernière modification de cette page le 11 juin 2012