SPIP - Contrib

SPIP - Contrib

[ar] [en] [es] [fr] [it]

176 visiteurs en ce moment

fontsizeup fontsizedown
Accueil du site > Contribs > Images, Galeries > Galeries, Diaporamas > Divers > Un diaporama en un clin d’œil
[2 commentaires]

Un diaporama en un clin d’œil

dimanche 17 août 2008, par Corrobori

  • Digg
  • Del.icio.us
  • Facebook
  • Google
  • Technorati
1 vote

Une façon très simple de réaliser un diaporama très simple.

La fonction de diaporama est une des plus demandée à SPIP. Une recherche de diaporama sur ce propre site retourne 45 articles ! La souplesse de SPIP 2.0, encore en version béta au moment où j’écris ces lignes, permet d’obtenir des diaporamas à partir des documents joints aux articles ou aux rubriques en un clin d’œil.

Le principe est simple, il suffit de détourner le système de pagination de son usage initial. En effet la pagination permet de digérer de grandes listes d’objets, articles principalement, en paquets de 5, 10 ... Le nombre d’éléments par paquet s’appelle le pas de la pagination.

Un diaporama, en terme d’usage, n’est rien d’autre que la pagination d’une liste d’images avec un pas de 1.

La boucle qui code le diaporama n’est pas plus compliquée que ça :

       
[(#REM) Le diaporama nouveau est arrivé]
<B_diapo>
               
<div class="toto">
 #ANCRE_PAGINATION

<h3>Diaporama</h3>

<ul>
                                                   <BOUCLE_diapo(DOCUMENTS){id_article}{pagination 1}>
                                               
<li>
[(#EMBED_DOCUMENT)]
</li>
                                               
</BOUCLE_diapo>

</ul>

[<p class="pagination">(#PAGINATION{precedent_suivant})</p>]

</div>

</B_diapo>

Ceux qui ont accès aux squelettes choisiront :

- d’y écrire cette boucle directement,
- de passer par des inclures,
- des modèles
- ou des plugins,

il n’y a que l’embarras du choix . Cette boucle s’insère aussi bien dans un squelette d’article que de rubrique . De plus elle s’intègre facilement à la css utilisée dans le site [1] et le diaporama reste conforme à la charte graphique du site.

Pour le rédacteur, le meilleur est à venir. Il lui suffit d’uploader un zip contenant les images du diaporama et de le décompresser à l’arrivée.

C’est tout, le diaporama est disponible sur le site.

Voir en ligne : La Gerbelette (en travaux)

Notes

[1] Il est important de noter que la pagination doit s’inscrire dans une div.

Retour en haut de la page

2 Messages de forum

Voir toute la discussion

  • Répondre à ce message

    15 septembre 20:21

    Bonsoir,

    placez la boucle telle qu’elle, hors de toute autre boucle, à l’endroit où vous voulez que le diaporama apparaisse , remplacez toto par une de vos div, content par ex, et ce doit être bon.

  • Répondre à ce message

    15 septembre 14:14 , par val

    Bonjour,

    Je suis intéressé par cet exemple de pagination d’images, mais je souhaite intégrer ce code dans un boucle ARTICLE. Mon but est de pouvoir afficher le texte d’un article et de proposer une pagination uniquement sur les images de l’article.

    Dans mon cas, les images ont été ajoutées, pour des raisons de mises en page, dans le champs post-scriptum (#PS) et le texte est lui dans #TEXTE.

    Mon code est le suivant

    <div id="content">
     <BOUCLE_article(ARTICLES){id_article}>
     <BOUCLE_diapo(DOCUMENTS){id_article}{pagination 1}>
           #PS
     </BOUCLE_diapo>


        #TITRE
        #TEXTE
           <br/>
           #ANCRE_PAGINATION
           (#PAGINATION{precedent_suivant})

    </div>

    Mais le site m’affiche l’erreur suivante : #PAGINATION sans critère pagination ou employé dans une boucle recursive, _article

    Comment puis-je donc intégrer la pagination des documents dans mon article ???

    Merci

Répondre à cet article

Retour en haut de la page

Ça discute par ici

SPIP | Squelette | | Plan du site | Suivre la vie du site RSS 2.0