Bandeau

Site de démonstration du jeu de squelettes ESCAL fonctionnant sous SPIP3 et mis à la disposition des Etablissements SColaires de l’Académie de Lyon... et de qui veut.

Utilisé à ce jour dans 0 sites
logo article ou rubrique
Diapo (+Mediabox)
Article mis en ligne le 3 mars 2013
dernière modification le 29 mai 2018

par Jean Christophe Villeneuve

Dans toutes les galeries proposées sur Spip-Contrib, j’ai choisi de vous présenter celle-ci parce que je l’aime bien, ce qui est une raison suffisante.

On peut l’utiliser telle quelle mais on peut aussi la personnaliser avec les CSS et avec le fichier mes_fonctions. Tous les détails sont sur cet article de Spip-Contrib.

NB : Pour faire fonctionner ce plugin avec Spip 2.1.2 ou Spip 3, j’ai légèrement modifié le modèle de /diapo/modeles/diapo.html :

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

devient

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

NB : La fonction de diaporama automatique ne fonctionne pas avec Spip 3, il se bloque sur la 2e image sauf si vous appliquez le correctif de toto21 (merci et bravo à lui) !

Comme le plugin disponible sur Spip-Contrib semble ne pas fonctionner, je vous joins le zip de celui utilisé ici avec la modification proposée par toto21 déjà incluse et le fichier diapo.html modifié

diapo pour Spip3

Voici les réglages utilisés ici et livrés dans Escal. Ces réglages sont surchargeables dans un fichier mes_fonctions.php qui est à placer dans le dossier /squelettes de votre site.

  1. <?php
  2.  
  3. // paramètres pour le plugin diapo
  4.  
  5. //nombre de vignettes par page
  6. $GLOBALS['diapo_vignettes']=15;
  7.  
  8. //largeur et hauteur maxi des vignettes :
  9. $GLOBALS['diapo_vignette']=60;
  10.  
  11. //largeur maxi de la grande image avec vignettes en haut :
  12. $GLOBALS['diapo_grand']=400;
  13.  
  14. //largeur maxi de la grande image avec vignettes sur les côtés:
  15. $GLOBALS['diapo_petit']=300;
  16. //hauteur maxi de la grande image avec vignettes sur les côtés :
  17. $GLOBALS['diapo_petit_h']=300;
  18.  
  19. //diaporama : temps de pause en millisecondes :
  20. $GLOBALS['diapo_temps']=3000;
  21.  
  22. ?>

Télécharger

Elle est encore plus sympa avec le plugin Mediabox (plugin inutile avec Spip3 car déjà intégré) qui permet un joli effet d’agrandissement de la photo dans sa taille originale.

Pour afficher la galerie, il suffit d’entrer, par exemple, dans le texte de l’article

  1. <diapoXX|right>

où XX est le numéro de l’article et on choisit l’endroit où on affiche les vignettes au premier affichage avec right, left ou center ou le diaporama avec diapo

Et voici ce que ça donne :

Voyage en Argentine (merci à Sylvie et Francis pour ces photos)

>      
0 | 15
argentine01

argentine01

Sous le titre, un descriptif de l’image


qrcode:http://escal.ac-lyon.fr/spip/spip.php?article45

Plan du site Contact Mentions légales Espace rédacteurs squelette RSS

2009-2019 © Escal V4 - Tous droits réservés
Haut de page
Réalisé sous SPIP
Habillage ESCAL 4.3.14