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
Avec la version 2 du plugin, compatible SPIP3 et responsive, les paramètres sont définis dans une page de configuration. Plus besoin donc du fichier mes_fonctions.php.
Avec les versions antérieures :
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.)]
Discussions par date d’activité
Une discussion
Bonjour,
au moins ce plugin a le mérite de la simplicité d’installation et de fonctionner en 4.0 et en responsive du 1er coup : bravo !
Je me pose 2 questions :
1/ comment peut-on faire pour que le diaporama démarre sans devoir l’activer ? (== appuyer sur le bouton)
2/ si on veut afficher en 2 endroits de la même page deux séries d’images différentes appartenant à cette page : (ex : images 1 à 3 en haut, et au milieu de la page images 4 à 6), quelle est la syntaxe ou astuce svp ?
Merci
Hello
A mon avis ce n’est pas possible ni pour l’un ni pour l’autre de tes 2 points.
Peut-être te tourner vers galleria ou nivoslider, par exemple.
Merci , cela ira , la simplicité l’emporte.
Par contre j’ai un site multilingue et des images qui sont titrées et expliquées en type
alors comment, sans changer le squelette, puis-je mettre mes même diapos dans la page française et anglaise ? Disons dans la page en français , je mets
par exemple, et que puis-je mettre dans la page en anglais afin que les titres ne soient pas en français ?
Je vois qu’il y a quelque chose de prévu sur https://git.spip.net/spip-contrib-extensions/diapo mais ne sais si c’est publié et ne peut pas comprendre son mode d’emploi.
Bon en fait , je viens de tester autre chose, cela dépend comment on passe les langues dans la page, disons que cela marche mais j’aurai aimé le forcer par un truc du gente |en|right .
et bien en fait, si cela peut aider : c’est ainsi pour forcer la langue (ex en anglais) :
<diapo12|right|lang=en>
Répondre à ce message
Ajouter un commentaire
Avant de faire part d’un problème sur un plugin X, merci de lire ce qui suit :
Merci d’avance pour les personnes qui vous aideront !
Par ailleurs, n’oubliez pas que les contributeurs et contributrices ont une vie en dehors de SPIP.
Suivre les commentaires : |