Le Pic
Projet Internet et Citoyenneté

Accueil > LES OUTILS > SPIP, la doc du CMS > Des mises en pages personnalisées >

Fiche N° 11 - Un diaporama sous SPIP PDF

dernière modification 28 mai 2024

Objectif  : Constituer simplement et rapidement une galerie d’images et l’afficher sous forme de diaporama.


Ce diaporama fait appel au plugin MediaBox, inclus dans la distribution depuis SPIP V3. Le principe de fonctionnement est très simple : écrivez un article (deux lignes pour décrire le diaporama par exemple), et associez à cet article les photos qui constitueront le diaporama. Les photos apparaîtront sous forme de vignettes cliquables.

Préparation de l’affichage des vignettes

Pour constituer une galerie sous forme de vignettes, il faut que la configuration de SPIP permette de les fabriquer :

  • Menu Configuration puis Fonctions avancées
  • Cliquer sur l’image GD2 pour choisir cette méthode de génération des miniatures des images ; SPIP va indiquer la taille maximale des images qu’il pourra réduire (8,1Mpx pour GD2).
  • Ne pas oublier de cliquer sur Enregistrer .

Sans cette étape, la sélection de l’image qui débute le diaporama se fait sur une image de taille normale (pas pratique...)

Configuration du plugin MediaBox

  • Sous le menu Squelettes , cliquer sur Boîte Multimédia .
  • Cocher la case Activer la Boîte Multimédia dans le site public , une liste de paramètres s’affiche alors :
  • Au-dessous de la question Insérer une boîte sur toutes les images ? cliquer Oui .
  • Il ne reste plus qu’à sélectionner l’apparence à donner à la boîte d’affichage du diaporama, les effets et les paramètres de défilement des images.
    ATTENTION : Il ne faut pas choisir N’insérer aucun habillage par défaut sinon le diaporama ne s’affichera pas.

Sélection des images du diaporama

  • Écrivez le texte de votre nouvel article,
  • Téléversez les images qui constituent le diaporama en les associant à cet article.
    Il est possible d’associer les images soit une par une, soit en une seule fois en créant (sur votre poste de travail) un fichier .zip contenant toutes les photos et en le téléversant ; SPIP se chargera de "dézipper" le contenu.
  • Toute image placée dans le volet Illustrations fera partie de la galerie affichée sous forme de vignettes à la seule condition de ne pas être utilisée dans la partie Texte de la page. Dans ce cas elle disparaît des Illustrations.

Utilisation en ligne

Un clic sur la vignette de départ démarre l’affichage de la galerie en pleine page dans une boîte Lity.
La progression peut être manuelle ou en mode diaporama.
Les images sont affichées avec leurs tailles natives, mais limitées aux dimensions maxi spécifiées dans la configuration de Mediabox.