SPIP-Contrib

SPIP-Contrib

عربي | Deutsch | English | Español | français | italiano | Nederlands

288 Plugins, 197 contribs sur SPIP-Zone, 192 visiteurs en ce moment

Accueil > Affichage multimédia > Galeries et diaporamas > Divers > Un diaporama en un clin d’œil

Un diaporama en un clin d’œil

17 août 2008 – par Corrobori – 10 commentaires

Toutes les versions de cet article : [English] [français]

5 votes

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 série 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 ajax">
 #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

Notes

[1Il est important de noter que la pagination doit s’inscrire dans une div. classée en « ajax »

Dernière modification de cette page le 9 mars 2014

Retour en haut de la page
Chargement en cours...

Ça discute par ici

  • Liens sociaux

    6 septembre 2015 – 10 commentaires

    Déclarez vos réseaux sociaux et affichez-les sur le site public. Ce plugin permet de déclarer les comptes des réseaux sociaux associés à votre site et d’en afficher facilement les liens sur le site public, pour que les internautes puissent les (...)

  • Curalicious

    2 mai 2016 – commentaires

    Un squelette généraliste basé sur la dist, tout particulièrement indiqué pour la veille sur internet (en association avec le plugin curator) Installation Ce plugin s’installe comme tous les plugins. Il nécessite le plugin Social tags et Menu (...)

  • Sélections éditoriales

    19 mars 2015 – 85 commentaires

    Faites des listes de choses intéressantes. Ce plugin permet de gérer des listes de contenus quelconques de manière éditoriale. Chaque sélection est donc entièrement libre, et peut renvoyer aussi bien vers des contenus internes au SPIP quels qu’ils (...)

  • ScolaSPIP 4

    19 janvier 2016 – 259 commentaires

    ScolaSPIP est plugin-squelette responsive personnalisable pour sites Web d’établissements scolaires basé sur SPIPr Présentation de ScolaSPIP Ce plugin pour SPIP 3 est développé par la Dane de l’académie de Versailles pour les webmestres de cette (...)

  • Champs Extras 3

    16 janvier 2012 – 603 commentaires

    Ce plugin permet de créer et/ou de gérer des champs supplémentaires dans les objets éditoriaux de SPIP. Il permet donc de prendre en compte et d’afficher de nouveaux éléments dans n’importe quel objet éditorial de SPIP. Screencast Vous n’aimez pas (...)