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é
169 discussions
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
Personnellement j’ai eu besoin (spip 2.1.2) de revoir le fichier diapo.html situé dans « modeles » en déplaçant la div située juste après le
pour la mettre juste avant ce endif.
Ça en aidera peut-être certains.
Et j’ai du éditer la ligne 34 en remplaçant :
par
Répondre à ce message
Bonjour,
Je suis sous Spip 3.0.5 et, malgré le changement de code dans le fichier modeles/diapo.html comme préconisé dans le post du 22 janvier à 14:01 par Jean Christophe Villeneuve, il reste un problème qui est que seule la 1re image du portfolio est visible en grand. Quand je clique sur l’icône de la 2e image (ou d’une autre), ce n’est que la 1re qui reste en grand... J’ai tenté d’appliquer la modification proposée le 25 janvier à 16:55 par Jean Christophe Villeneuve, soit la création d’un fichier /squelettes/modeles/diapo.html avec le code proposé mais là c’est encore pire : je n’ai plus aucune image agrandie (seules les icônes réduites et placées n’importe comment). Voir la pièce-jointe car le site est en local pour l’instant.
N’étant pas développeur du tout, toute l’aide serait la bienvenue...
Merci par avance,
Stéphane
Répondre à ce message
Pour info. : Sur un site test j’essaie Diapo avec SPIP 2.1, mais les boucles du plugin cause problème. Je reçois cette notification :
Erreur de compilation ../plugins/diapo/modeles/diapo.html Boucle _docs_diapo; ligne 27
Salut Paolo,
Toujours betatesteur fou ?
:)
Bon, pour tout t’avouer, j’ai été très surpris de voir que ca marche en 2.0...
Je m’attendais à des problemes sur le défilement des photos (critère diapo) qui est vraiment une sale bidouille, mais pas à une erreur de compilation, il doit y avoir juste un détail à changer dans le critère diapo, je regarde dès que possible.
@++
je confirme malheureusement que l’astuce utilisée pour le critère diapo (nommage des fonctions générées par le compilo) ne marche plus.
Il faut refaire le critère diapo proprement ou revoir la logique du modèle.
dommage, c’etait pas très élégant mais ca marchait avec juste 10 lignes de code...
Non, mais j’aime beaucoup regarder à l’horizon lorsque j’ai un moment libre. Ceci dit, évidemment, dès que tu le répares je suis à ton service pour tester ;)
J’aimerais aider, mais je crois que c’est seulement en testant — et en encourageant ;)
Excusez-moi, mais ça consiste en quoi de « refaire le critère diapo » ?J’ai ce problème et je ne sais pas comment faire.
Merci !
Bonjour,
étant dans le même bateau, j’aimerais savoir s’il y a eu de l’avancement à ce sujet ?
Merci.
Pour ma part j’ai désinstallé diapo et j’utilise maintenant le plugin mediabox.
Toujours rien ??
Bonjour,
Apparemment pas de suite donnée pour ce plugin pourtant très bien... Dommage je trouve pas d’équivalent : une présentation simple, une personnalisation des boutons simple, un rendu sobre et pratique...
Enfin espérons qu’une bonne âme ait envie de faire évoluer le modèle pour 2.1.8...
Je le ferai bien mais je connais pas assez...
Répondre à ce message
Bonjour,
J’ai essayé SPIP 2.1.0-rc [15524]
J’ai obtenu le message suivant :
Je suis en local et je n’ai pas l’intention de passer en distant pour le moment avec cette version de spip.
Le plugin diapo me sert beaucoup.
Ce billet n’a pour but que de prévenir les futures mutations...
Mille excuses, je n’avais pas vu le post précédent ! ET BON COURAGE
Y a t il une solution de proposé ?
Répondre à ce message
Bonjour
il semble que diapo ne fonctionne plus avec spip 2.1, ou bien des 3 versions proposées, l’une est-elle compatible ?
sinon, je me hasarderais bien dans les bidouilles proposées aimablement sur ce forum, bien qu’elles me dépassent un peu, mais sur les 3 versions proposées actuellement, laquelle dois-je choisir ?
Actuellement, j’ai la version : 0.6 [16473] ( qui ne marche plus )
Merci au compagnon qui a donner l’info sur médiabox, qui rend bien service en dépannage, mais :
- je n’ai pas trouvé de démarrage automatique en mode diaporama ( bénin ), ni d’empécher ( automatiquement ) son fonctionnement en boucle.
- je n’ai pas su imposer mon choix à l’ordre des images affichées ( plus ennuyeux )
Merci à tous et à l’auteur de ce plugin, qui, j’espère voudra bien encore nous le proposer un jour pour SPIP 2.1.
P.S.
à propos de version, dans ma version 0.6 du plugin, le fichier :
plugins/auto/diapo_1_9/modeles/diapo.html ne comporte aucune balise php.
Donc, aucune bidouille proposée ne peut être bêtement appliquée comme je pouvais l’espérer.
Répondre à ce message
Désirant vraiment utiliser ce plugin avec les dernières versions de spip, j’ai regardé un peu le code et une modif simple permet de le faire fonctionner avec spip 2.1.12 ou spip 3 :
devient
et voilà
C’est visible sur un spip 2.1.12 ici
Je ne sais pas quelle est le rôle du critère
{diapo (#GET{nb_vignettes}) #ID_ARTICLE}
mais cela semble fonctionner sans si on met le critère{0,1}
Bonsoir,
je ne parviens pas à trouver les lignes à modifer. Dans quel fichier se trouve t-elles car je ne trouve que .
je continue à recevoir des messages d’erreur sans parvenir à afficher la galerie.
Je suis sous SPIP 2.1.12 [18732] ; Sarka-SPIP 3.0.8 [54368] ; PHP 5.2.17
Merci de votre aide.
Nab
La ligne de code n’est pas passée, je ne trouve que :
<BOUCLE_docs_diapo(DOCUMENTS){id_article}{diapo 8}{par num titre}>
DSL ;-)
le code à modifier se trouve dans /diapo/modeles/diapo.html
visible sur un spip 2.1.12 ici
Bonjour
Je suis soit un boulet ;-), soit aveugle mais j’ai beau regarder, je ne trouve pas les lignes que vous citez. J’avais bien regardé dans /diapo/modeles/diapo.html pourtant...
Je vais donc me permettre de coller l’intégralité du fichier.
Si vous pouviez m’aider, j’apprécierais beaucoup. Je suis ouverte à toute aide, et même aux petites moqueries si c’est moi qui délire !
Merci encore
Nabs
Bizarre que tu aies cette ligne
dans ce fichier
En tout cas, c’est bien cette ligne qu’il faut modifier comme indiqué dans mon premier message.
Bonjour
Oui, celle ligne est bizarre. C’est pourtant le fichier d’origine de l’archive téléchargée ici même...
Je l’ai modifiée selon vos conseils.
J’ai effectivement une légère amélioration, mais la galerie reste bloquée sur une image. Lorsque je clique sur des vignettes, il ne se passe... rien ! Je ne comprends même pas pourquoi cette image là.
Vous pouvez voir ici, rubrique Accessoires et Bijoux.
Merci
Bon pas trop le temps d’y regarder de près.
Essaye de créer un fichier diapo.html que tu mets dans un dossier /squelettes/modeles avec ce code dedans (code d’origine plus la petite modif) et regarde si ça fonctionne mieux
Merci bcp d’essayer de m’aider. Je vais créer ce fichier et voir ce qui se passe. Je vais aussi continuer de chercher, car débutante je ne peux qu’apprendre plein de choses...
Merci encore.
Nabs
Bonsoir,
Ca fonctionne avec la version svn stable, pas avec les autres apparemment. Merci de votre aide. Je vais bidouiller un peu la présentation maintenant, mais l’essentiel est là ! Merci encore donc
Nabs
Merci, Jean Christophe pour ce bout de code qui marche bien chez moi, en 2.1.2.
J’avais abandonné à regret Diapo, mais un post de début février sur gmane.comp.web.spip.user m’a remis dans la voie.
La lightbox de Mediabox est un plus !
Salut,
j’aimerai créer un diapo avec le plugin ou en rollover pour afficher les vignettes + une grande image.
Voici mon code :
Comment insérer cette boucle dans mon squelette article avec un spip 2.1 en utilisant le plugin diapo ?
Plus simplement, quelqu’un saurait-il comment faire pour réaliser un rollover comme ceci :
http://javascript.about.com/library/blroll1.htm avec ma boucle ?
Merci d’avance !
Bonjour,
tu as un plugin qui ressemble à ça :
Nivo-Slider
sur spipcontrib.
Je ne l’ai pas testé.
Répondre à ce message
Bonjour,
j’ai installé le plugin... mais je n’ai pas le début d’une idée de la façon de procéder ensuite ? Je ne suis pas débutante en spip mais là les preières étapes de base ne sont pas explicitées...
Pourriez vous donc être plus explicite ? Que dois-je mettre dans le squelette ? C’est où, le raccourci typographique ? (je n’a rien vu dans les articles au niveau d e l’espace privé) Cela sert au moment du chargement des images ?
XX c’est le numéro de l’article ? où doit se trouver cette balise diapo ?
Suis totalement larguée...
Je suis à la recherche d’un diaporama tout bête qui me permettrait d’afficher mon portfolio DANS ma page avec les vignettes + l’image sélectionnée en grand + un commentaire (plus long qu’un titre) (là par exemple : www.extrados.fr/spip.php?article1),
J’ai essayé tout un tas de plugins, mais entre les non comptabiles spip 2, ceux qui ne donnent pas ce que je veux, ceux qui ne fonctionnent pas et ceux pour lesquels il n’y a ni explications ni aide... suis paumée.
Au secours !
Zab
Répondre à ce message
Bonjour,
Je dois migrer un site de la version 2.0.10 en 2.1.18 et mon site utilise cette galerie que j’ai personnalisé (icônes)... Je serais heureux de pouvoir la remettre sur mon nouveau site...
Quelqu’un a-t-il réussi à adapter le plugin pour la 2.1 ?
Merci.
Répondre à ce message
Je n’arrive pas a re-dimensioner les grandes images, elles restent toujours a leur taille original.
J’ai modifie les variables GLOBALS et aussi cree un fichier mes_fonctions.php mais sans succes.
Quelqun aurait une idee ? Je dois eviter de re-dimensioner les images.
Merci
Je voulais dire la taille des images « petit », c’est a dire quand on les affiche avec les vignettes en haut.
J’ai trouve que gd2 n’etait pas par defaut, donc, probleme resolu.
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 : |