Photoswipe - commentaires Photoswipe 2023-10-30T10:26:25Z https://files.spip.org/Photoswipe#comment514321 2023-10-30T10:26:25Z <p>Bonjour,<br class="autobr"> Je cherche à modifier l'affichage des légendes, je voudrais que le titre, le descriptif et le crédit s'affichent sur une seule ligne sur toute la largeur de la page, même si ça déborde de la photo.</p> Photoswipe 2023-04-27T11:48:49Z https://files.spip.org/Photoswipe#comment513156 2023-04-27T11:48:49Z <p>Résolu avec <a href="https://git.spip.net/spip-contrib-extensions/albums" class="spip_out" rel='nofollow external'>albums 4.0.4</a>, <br class="autobr"> Il faut bien recopier le modèle image tel quel dans squelettes/modèles/<br class="autobr"> cf <a href="https://discuter.spip.net/t/album-4-0-3-pb-modele-album-spip-4/168611/4" class="spip_out" rel='nofollow external'>tcharlss, post:4, topic:168611</a><br class="autobr"> la dernière version du modèle fourni par photoswipe : <a href="https://git.spip.net/spip-contrib-extensions/photoswipe/src/branch/master/modeles/image-photoswipe.html#L6" class="spip_out" rel='nofollow external'>photoswipe/image-photoswipe.html at master - photoswipe - SPIP on GIT</a></p> Photoswipe 2023-04-26T15:20:41Z https://files.spip.org/Photoswipe#comment513153 2023-04-26T15:20:41Z <p>Bonjour,<br class="autobr"> avec spip 4.0.11 album 4.0.3 photoswipe 1.10</p> <p>Je n'arrive pas à déclencher la galerie autrement que par une boucle documents.<br class="autobr"> Est-il possible de déclencher une galerie sur un album, à l'ouverture d'une image (du plugin album)<small class="fine d-inline"> </small>?<br class="autobr"> Déclarer la classe .album dans la config n'y fait rien.<br class="autobr"> J'ai bien surchargé le modèle image également avec une correction <a href="https://discuter.spip.net/t/album-4-0-3-pb-modele-album-spip-4/168611/6" class="spip_out" rel='nofollow external'>ici</a>.</p> <p>Merci<small class="fine d-inline"> </small>!</p> Photoswipe 2022-10-29T05:44:56Z https://files.spip.org/Photoswipe#comment512038 2022-10-29T05:44:56Z <p>Bonjour,<br class="autobr"> J'utilise déjà photoswipe sur un spip 3.2.14.<br class="autobr"> Il se déclenche bien lorsque le document est inclus dans l'article img XXX de même dans le portfolio que j'ai modifié pour ça.<br class="autobr"> Par contre la même syntaxe en local avec spip 4.1.5 et le dernier photoswipe déclenche la médiabox, avec le même squelette.<br class="autobr"> Je ne trouve pas où ça cloche.<br class="autobr"> Si quelqu'un a une idée, merci.</p> Photoswipe 2022-02-23T11:39:46Z https://files.spip.org/Photoswipe#comment510311 2022-02-23T11:39:46Z <p>Bonjour<br class="autobr"> je confirme Spip 4.0,4 je viens de le tester avec succès.<br class="autobr"> Natacha</p> Photoswipe 2021-09-13T14:20:54Z https://files.spip.org/Photoswipe#comment509174 2021-09-13T14:20:54Z <p>Bonjour<br class="autobr"> Erreur de destination, je me croyais sur eva-web<br class="autobr"> Cordialement</p> Photoswipe 2021-09-11T16:57:34Z https://files.spip.org/Photoswipe#comment509158 2021-09-11T16:57:34Z <p>Hello,</p> <p>ce plugin est compatible avec Spip 4.0, je viens juste de le tester avec succès.</p> <p>Il suffit de modifier les versions compatibles dans paquet.xml et plugin.xml en attendant une mise à jour...</p> Photoswipe 2021-03-07T15:03:20Z https://files.spip.org/Photoswipe#comment507746 2021-03-07T15:03:20Z <p>Bonjour</p> <p>J'ai modifié l'insertion en ajoutant <br class="autobr"> <code class="spip_code spip_code_inline" dir="ltr">|inserer_attribut{data-author,#CREDITS}</code></p> <p>Mais cela n'affiche pas l'information dans la box.</p> <p>Comment remédier à cela svp<small class="fine d-inline"> </small>?</p> Photoswipe 2021-02-10T10:51:58Z https://files.spip.org/Photoswipe#comment507558 2021-02-10T10:51:58Z <p>Bonjour<br class="autobr"> J'ai le code suivant dans un modèle</p> <div class="precode"><pre class="spip_code spip_code_block" dir="ltr" style="text-align:left;"><code><BOUCLE_flickr(DOCUMENTS){par rang_lien, num titre}{inverse #ENV{senstri, 0}}{extension==jpg|png|gif}{0,#ENV{taille,12}}{id_article?}{id_rubrique?}> <td> <a href="[(#FICHIER|inserer_attribut{data-photo,#URL_DOCUMENT})]"> [(#FICHIER|copie_locale|appliquer_filtre{image_smush_debrayer,force=true}|image_masque{#GET{masque}}|appliquer_filtre{image_smush_embrayer,force=true}|image_aplatir{jpg}|inserer_attribut{alt,[(#TITRE|supprimer_tags|attribut_html)]})]</a></td> [(#COMPTEUR_BOUCLE|Splickr_juste_a_x{#ENV{colonnes,3},</tr><tr>})] </BOUCLE_flickr></code></pre></div> <p>Vous pouvez voir un exemple ici : <br class="autobr"> <a href="https://lairederien.net/887-leonard-salle-et-ses-projections-analogiques" class="spip_url spip_out auto" rel="nofollow external">https://lairederien.net/887-leonard-salle-et-ses-projections-analogiques</a></p> <p>Donc sous le diaporama, j'ai bien mes vignettes et quand je clique dessus j'ai bien le fichier qui s'ouvre en grand MAIS je n'ai pas les flèches pour aller à la photo suivante ou précédente. Or c'est ce que j'aimerais.</p> <p>Quelqu'un peut-il m'aider<small class="fine d-inline"> </small>? <br class="autobr"> Merci d'avance et bonne journée<br class="autobr"> Christophe</p> Photoswipe 2020-04-21T10:16:04Z https://files.spip.org/Photoswipe#comment504775 2020-04-21T10:16:04Z <p>Bonjour,<br class="autobr"> Petit bug dans le cas d'une utilisation avec le plugin Multilangue : si on ne renseigne pas la traduction du titre de l'image dans une langue secondaire, on a un petit défaut d'affichage sur texte ALT au survol de l'image (au lieu du titre, il s'affiche alors <code class="spip_code spip_code_inline" dir="ltr"><span lang="xx">titre principal</span></code>).<br class="autobr"> Par contre, pas de problème du titre lors de l'affichage du diaporama...<br class="autobr"> Et au passage, merci encore et encore pour ce merveilleux plugin<small class="fine d-inline"> </small>!</p> Photoswipe 2020-04-03T15:17:16Z https://files.spip.org/Photoswipe#comment504472 2020-04-03T15:17:16Z <p>Autre question...</p> <p>j'utilise le plugin Modèles media pour intégrer des illustrations dans un article, souvent sous forme de vignette.<br class="autobr"> Un clic de vignette permet d'ouvrir l'image, soit façon lightbox si Mediabox est activé, sinon comme fichier image.</p> <p>Or, j'aimerais qu'elle s'ouvre avec PhotoSwipe, et je ne comprends pas comment faire... avez-vous des pistes<small class="fine d-inline"> </small>?<br class="autobr"> et est-il possible selon vous que cette image intègre la boucle de toutes les images en portfolio, sans qu'elle soit répétée dans la galerie (en plus clair parce que le choix des mots me semble décisif : que les images dans le texte soient par exemple 1/17 à 6/17 dans l'affichage PhotoSwipe, en plus ou parmi celles affichées dans le portfolio, qui seraient elles numérotées de 7/17 à 17/17, sans pour autant qu'il y ait doublon dans la galerie)<small class="fine d-inline"> </small>?</p> <p>Merci (déjà pour l'effort de compréhension, l'expression n'est pas mon fort aujourd'hui)<small class="fine d-inline"> </small>!</p> Photoswipe 2020-04-03T14:55:59Z https://files.spip.org/Photoswipe#comment504471 2020-04-03T14:55:59Z <p>Bonjour,<br class="autobr"> donc, après plusieurs replantages de cheveux (je ne suis pas une grande pro, loin de là ^^, et tout ce qui sort du html, du css et des boucles SPIP est pour moi à peu près aussi graphique que des idéogrammes asiatiques...), une solution à proposer pour les débutants comme moi, en html/SPIP et css. Sans doute en existe-t-il de plus propres, mais bon, parfois la bricole c'est déjà ça... ^_^</p> <p>Donc, si, débutant, tu cherches juste à afficher la légende (je précise : le descriptif en plus du titre, qui lui apparaissait bien), et que les horizons infinis du .js, .php et autres boucles de programmation t'effraient...</p> <p>Pour ajouter des éléments au titre dans la légende (ici le descriptif, s'il existe), dans le fichier du squelette perso 'squelettes/inclure/documents', remplacer la première ligne par la seconde :</p> <div class="precode"><pre class="spip_code spip_code_block language-spip" dir="ltr" style="text-align:left;" data-language="spip"><code>|inserer_attribut{title,#TITRE} |inserer_attribut{title,#TITRE [| (#DESCRIPTIF)]}</code></pre></div> <p>et pour en personnaliser la présentation (ici avoir le titre et le descriptif à suivre sur la même ligne), une ligne à ajouter à son css perso :</p> <div class="precode"><pre class="spip_code spip_code_block language-css" dir="ltr" style="text-align:left;" data-language="css"><code>.pswp__caption__center p {display: inline;}</code></pre></div> <p>J'espère ne pas avoir dit trop de bêtises, pour moi ça marche, mais toute correction ou précision est bien sûr bienvenue<small class="fine d-inline"> </small>!! :)</p> Photoswipe 2019-12-06T14:16:35Z https://files.spip.org/Photoswipe#comment503253 2019-12-06T14:16:35Z <p>Bonjour et merci pour ce superbe plugin<small class="fine d-inline"> </small>!<br class="autobr"> Cependant, je me heurte pour l'instant à un os, voulant sur une de mes galeries faire apparaître le descriptif, sans succès.<br class="autobr"> Après lectures et recherches sur cette page d'aide, j'ai modifié le doc.html, copié dans squelettes/modeles, et je n'y comprends rien : même en modifiant l'affichage du titre, rien ne semble réagir...</p> <p>ex :</p> <div class="precode"><pre class="spip_code spip_code_block language-spip" dir="ltr" style="text-align:left;" data-language="spip"><code><figcaption> [<div class='#EDIT{titre} spip_doc_titre'[ style='width:(#GET{width}|min{120px}|max{});']>(#TITRE Test)</div>] [<div class='#EDIT{descriptif} spip_doc_descriptif'[ style='width:(#GET{width}|min{120px}|max{});']>(#DESCRIPTIF|PtoBR)[(#NOTES|PtoBR)]</div>] </figcaption></code></pre></div> <p>Est-ce que j'ai loupé quelque chose<small class="fine d-inline"> </small>? sans doute, mais quoi<small class="fine d-inline"> </small>? une incompatibilité<small class="fine d-inline"> </small>? pas de meilleur résultat en désactivant Boîte Multimédia non plus... et mes connaissances se limitent à la compréhension des squelettes, du html et du css, mais je n'ai rien vu dans ces fichiers qui semblerait expliquer mon souci.</p> <p>Auriez-vous quelques lumières pour m'éclairer<small class="fine d-inline"> </small>?<br class="autobr"> L'affichage de la légende semble un truc acquis pour la plupart d'entre vous, chuis jalouse ^_^</p> <p>(la page où je souhaiterais voir apparaître les légendes : <a href="https://www.lautrecotedumiroir.net/Musiciens" class="spip_url spip_out auto" rel="nofollow external">https://www.lautrecotedumiroir.net/Musiciens</a>)</p> Photoswipe 2019-06-02T00:10:02Z https://files.spip.org/Photoswipe#comment501379 2019-06-02T00:10:02Z <p>Bonjour,</p> <p>C'est jolie ce que <strong>Photoswipe</strong> fait. Je l'ai installé mais ça ne fonctionne pas. Est ce qu'il y a plus de détail sur l'installation SVP<small class="fine d-inline"> </small>? je suis spip 3.2. Merci.</p> Photoswipe 2019-03-30T04:55:01Z https://files.spip.org/Photoswipe#comment500634 2019-03-30T04:55:01Z <p>Bonjour,<br class="autobr"> Avec «<small class="fine d-inline"> </small>doc001|center<small class="fine d-inline"> </small>» ça marche et Photoswipe lance la galerie du portfolio.<br class="autobr"> Visible [ICI ><a href="http://imagesetpeche.free.fr/?Surf-Trip-Espagne" class="spip_url spip_out auto" rel="nofollow external">http://imagesetpeche.free.fr/?Surf-Trip-Espagne</a>] en haut de l'article.</p> Photoswipe 2019-03-19T18:34:03Z https://files.spip.org/Photoswipe#comment500507 2019-03-19T18:34:03Z <p>Bonjour.<br class="autobr"> Est-il possible d'utiliser ce plugin dans les squelettes d'articles, dans lesquels les images sont insérées dans les textes avec les balises du genre « img001|center »<small class="fine d-inline"> </small>?<br class="autobr"> Merci de votre réponse, que j'espère positive sans trop y croire...</p> Photoswipe 2019-01-30T07:07:39Z https://files.spip.org/Photoswipe#comment499797 2019-01-30T07:07:39Z <p>Toujours pas d'idée à propos de cette question<small class="fine d-inline"> </small>?<br class="autobr"> Je précise que j'utilise déjà photswipe pour mon portfolio, et que ça marche (il y a plusieurs liens sur cette page).<br class="autobr"> Pour toute réponse, merci</p> Photoswipe 2019-01-19T16:40:01Z https://files.spip.org/Photoswipe#comment499598 2019-01-19T16:40:01Z <p>Bonjour,<br class="autobr"> J'utilise ce plugin depuis quelque temps avec bonheur.<br class="autobr"> J'ai voulu tester en même temps le plugin « cibloc ».<br class="autobr"> J'ai constaté alors un décalage des photos sur la gauche, avec déformation, lors du zoom.<br class="autobr"> Une fois le plugin « cibloc » désactivé, tout est rentré dans l'ordre.<br class="autobr"> Je voulais signaler le fait ici pour information.<br class="autobr"> Encore merci pour ce plugin.</p> Photoswipe 2018-10-15T20:42:02Z https://files.spip.org/Photoswipe#comment498506 2018-10-15T20:42:02Z <p>Pour apporter une pierre, il semble effectivement que le plugin desactive en quelque sorte l'affiche des « images » si on les intègre dans un modèle au lieu d'un modèle <code class="spip_code spip_code_inline" dir="ltr"><imgxxx></code>. Je viens de faire le test (sans aucun réglage après l'installation du plugin Photoswipe) et effectivement, lorsque pour un pdf (associé à son icône, donc une « pseudo-image ») j'inscris <code class="spip_code spip_code_inline" dir="ltr"><docxxx></code> j'ai bien l'icône habituelle attendue et cliquable sur le fichier pdf. Si par contre j'utilise <code class="spip_code spip_code_inline" dir="ltr"><imgxxx></code> (avec le même n° ID document) là rien ne s'affiche, alors qu'auparavant j'avais, en ayant installé un autre plugin (image responsive/media responsive), l'affichage de l'icône ET de la légende attribuée au fichier pdf. En somme, il faut réserver l'usage de <code class="spip_code spip_code_inline" dir="ltr"><docxxx></code> aux fichiers qui ne sont pas des images, et utiliser systématiquement <code class="spip_code spip_code_inline" dir="ltr"><imgxxx></code> pour tous les fichiers image. Ce plugin est vraiment très bien, et fonctionne sans encombre en association avec image responsive/media responsive (si l'image est grande, affichage dans la boîte Photoswipe avec 2<sup class="typo_exposants">e</sup> clic pour accéder à la taille maximale, et si l'image est plus petite, affichage dans la boîte Image responsive («<small class="fine d-inline"> </small>media<small class="fine d-inline"> </small>») avec sa légende comme habituellement<small class="fine d-inline"> </small>; s'il y a plusieurs images dans l'article (ou la rubrique), affichage des autres images dans la même boîte Photoswipe façon galerie). Merci pour la diffusion.</p> Photoswipe 2018-09-08T01:21:15Z https://files.spip.org/Photoswipe#comment498136 2018-09-08T01:21:15Z <p>Bonjour,<br class="autobr"> Un petit 'up' .. car je galère et que j'aimerais bien que cela fonctionne...</p> <p>Donc Photoswipe marche pour les images du portfolio mais pas pour les images utilisant le modèle <code class="spip_code spip_code_inline" dir="ltr"><docXXX></code>, que ce soit avec ou sans surcharge du <code class="spip_code spip_code_inline" dir="ltr">doc.html</code> :</p> <p>- sans surcharge (donc rien dans mon squelettes/modeles), aucune data du plugin n'est insérée dans la balise <code class="spip_code spip_code_inline" dir="ltr"><img /></code>... située dans un <code class="spip_code spip_code_inline" dir="ltr"><dl><dt></code> comme d'hab.</p> <p>- avec surcharge, en essayant diverses choses, aussi bien à partir des fichiers doc _standard ou _figure : <br class="autobr"> puisque le simple placement d'un <code class="spip_code spip_code_inline" dir="ltr">doc.html</code> du plugin dans mon dossier modeles produis en effet des erreurs, j'ai suivi la méthode fournie (baroug.net/Plugin-multimedia-et-modele-doc). Cela supprime bien le conflit mais alors un certain nombre de valeurs deviennent inaccessibles : les variables 'vraielargeur' et 'vraiehauteur', <code class="spip_code spip_code_inline" dir="ltr">#TITRE</code>, <code class="spip_code spip_code_inline" dir="ltr">#DESCRIPTIF</code> et <code class="spip_code spip_code_inline" dir="ltr">#CREDIT</code> sont VIDES (mais pourquoi...?)<br class="autobr"> J'ai cherché.. essayé même de récolter/charger les variables dans une pré-boucle mais ça remet le système en erreur...</p> <p>Une piste<small class="fine d-inline"> </small>?..<br class="autobr"> Merci</p> Photoswipe 2018-09-06T09:41:16Z https://files.spip.org/Photoswipe#comment498119 2018-09-06T09:41:16Z <p>Bonjour,<br class="autobr"> Chez moi, ici, le camion a été placé en docxxx dans le texte et embarque la galerie du portfolio.</p> <p><a href="http://imagesetpeche.free.fr/?Surf-Trip-Espagne" class="spip_url spip_out auto" rel="nofollow external">http://imagesetpeche.free.fr/?Surf-Trip-Espagne</a></p> <p>Même chose avec imgxxx</p> Photoswipe 2018-09-05T18:56:59Z https://files.spip.org/Photoswipe#comment498113 2018-09-05T18:56:59Z <p>Bonjour et merci pour ce chouette plugin,</p> <p>Spip 3.2.1, Photoswipe 0.4.0</p> <p>Sur un site en dev. local, il marche très bien pour l'affichage en galerie des images en portfolio (vu=non) (surcharge de documents.html) mais il ne fonctionne pas sur les images placées dans le texte selon le modele <code class="spip_code spip_code_inline" dir="ltr"><docXXX|left></code>... Il n'y a rien, il n'est pas pris en compte..</p> <p>La Boîte Multimedia est « désactivée sur le site public », je n'ai plus de surcharges actives (squelettes/modeles/) des fichiers 'doc.html', 'image.html' ou 'img.html'... <br class="autobr"> Je ne comprends pas.. je cherche, cherche mais sans trouver...</p> <p>Il marchait bien ceci dit lorsque j'avais surchargé le 'doc.html' de la dist (avant de chercher à utiliser le fichier du plugin) en injectant les attributs nécessaires à photoswipe dans la balise img. Mais j'avais alors le problème qu'un clic sur une vignette d'article déclenchait une galerie des images du site<small class="fine d-inline"> </small>! (il s'agit en effet d'un site utilisant fullpage.js donc avec une architecture en sections et slides chargés). Il n'y a donc pas de conflit avec Fullpage et le fonctionnement spip n'est pas modifié... alors pige pô...)</p> <p>Pourriez-vous me donner un coup de main<small class="fine d-inline"> </small>?<br class="autobr"> Merci<small class="fine d-inline"> </small>!</p> Photoswipe 2018-08-08T04:05:28Z https://files.spip.org/Photoswipe#comment497861 2018-08-08T04:05:28Z <p>Bonjour,<br class="autobr"> J'utilise photoswipe depuis quelques temps déjà, et l'ai adapté à mes besoins.<br class="autobr"> Comment le déclencher comme ici avec la mediabox<small class="fine d-inline"> </small>?</p> <div class="precode"><pre class="spip_code spip_code_block language-spip" dir="ltr" style="text-align:left;" data-language="spip"><code><a href="#VALEUR" class='mediabox' type="#MIME_TYPE" rel="#ENV{dir}">(#VALEUR|image_passe_partout{250,250} |image_recadre{250,250,-,focus-center}|inserer_attribut{title,#VALEUR|basename})</a></code></pre></div> <p>Par quoi remplacer</p> <div class="precode"><pre class="spip_code spip_code_block language-spip" dir="ltr" style="text-align:left;" data-language="spip"><code>class='mediabox'</code></pre></div> <p>pour lancer le plugin<small class="fine d-inline"> </small>?</p> Photoswipe 2018-06-10T05:50:53Z https://files.spip.org/Photoswipe#comment497291 2018-06-10T05:50:53Z <p>Bonjour Fil,</p> <p>Est-ce que c'est parce que j'ai mis à jour Firefox (avec lequel j'avais testé la page du Monde Diplo)<small class="fine d-inline"> </small>? Tout est-il que ça marche maintenant au poil<small class="fine d-inline"> </small>! C'est un bien beau plugin, merci aux contributeurs<small class="fine d-inline"> </small>!</p> Photoswipe 2018-06-07T16:39:20Z https://files.spip.org/Photoswipe#comment497266 2018-06-07T16:39:20Z <p>De mon point de vue ça marche — mais ça ne démarre qu'à la deuxième photo, pas à la première.</p> Photoswipe 2018-06-05T04:54:43Z https://files.spip.org/Photoswipe#comment497196 2018-06-05T04:54:43Z <p>Bonjour,<br class="autobr"> Je viens de consulter la page du Monde Diplo, et ça ne semble pas fonctionner...</p> Photoswipe 2018-02-03T15:48:03Z https://files.spip.org/Photoswipe#comment495678 2018-02-03T15:48:03Z <p>Merci, j'avais lu ailleurs que c'était prévu.<br class="autobr"> Bonne journée</p> Photoswipe 2018-02-03T14:46:52Z https://files.spip.org/Photoswipe#comment495677 2018-02-03T14:46:52Z <p>Je ne peux répondre que pour plugin-dists : parce qu'on essaie de réduire les plugins dist au minimum, et parce que il n'a pas été jugée que cette galerie (plutôt qu'une autre) était indispensable au fonctionnement de SPIP.</p> <p>En general dans plugin-dists se trouvent des choses qui historiquement étaient dans le core de SPIP et qui ont été modularisés.</p> Photoswipe 2018-02-03T07:39:08Z https://files.spip.org/Photoswipe#comment495674 2018-02-03T07:39:08Z <p>Bonjour et merci,<br class="autobr"> Pourquoi ne pas placer ce plugin dans les plugins-dist<small class="fine d-inline"> </small>?<br class="autobr"> J'ai pu voir des galeries avec des vidéos.<br class="autobr"> Est il prévu de faire évoluer le plugin en ce sens<small class="fine d-inline"> </small>?</p> Photoswipe 2018-02-03T07:35:23Z https://files.spip.org/Photoswipe#comment495673 2018-02-03T07:35:23Z <p>Bonjour,<br class="autobr"> Je n'utilise plus que <strong>Photoswipe</strong>.<br class="autobr"> Pourquoi ne pas le placer parmi les plugins-dist<small class="fine d-inline"> </small>?<br class="autobr"> Est il prévu d'y faire jouer des vidéos<small class="fine d-inline"> </small>? <br class="autobr"> J'ai vu des exemples de galeries avec des vidéos en lien sur le site de support <strong>Guithub</strong>.<br class="autobr"> Merci</p> Photoswipe 2017-11-22T15:02:10Z https://files.spip.org/Photoswipe#comment494498 2017-11-22T15:02:10Z <p>Bonjour,</p> <p>Deux petites questions : Photoswipe permet normalement l'utilisation de galeries différenciées grâce au gid dans l'url, avec l'option galleryUID dans le fichier photoswipe_insert, en l'occurence. Si on ajoute cette option, on doit récupérer l'info tel qu'on le voit en bas de cette page : <a href="http://photoswipe.com/documentation/getting-started.html" class="spip_url spip_out auto" rel="nofollow external">http://photoswipe.com/documentation/getting-started.html</a></p> <p>avec <code class="spip_code spip_code_inline" dir="ltr">galleryUID: galleryElement.getAttribute('data-pswp-uid');</code></p> <p>puis un</p> <div class="precode"><pre class="spip_code spip_code_block" dir="ltr" style="text-align:left;"><code>for(var i = 0, l = galleryElements.length; i < l; i++) { galleryElements[i].setAttribute('data-pswp-uid', i+1); galleryElements[i].onclick = onThumbnailsClick; }</code></pre></div> <p>pour placer les identifiants sur chaque galerie rencontrée dans la page.</p> <p>mais il semble que dans l'implémentation du plugin, il n'y a pas d'élément conteneur de la galerie photoswipe... j'ai quelques doutes sur comment y parvenir.</p> <p>Autre question : on peut normalement ouvrir directement la galerie quand on arrive sur une url de type <a href="https://www.monde-diplomatique.fr/mav/141/A/53141#&gid=1&pid=1" class="spip_url spip_out auto" rel="nofollow external">https://www.monde-diplomatique.fr/mav/141/A/53141#&gid=1&pid=1</a></p> <p>Est-ce impossible avec ce plugin<small class="fine d-inline"> </small>?</p> <p>Merci beaucoup,</p> Photoswipe 2017-10-27T16:22:47Z https://files.spip.org/Photoswipe#comment494101 2017-10-27T16:22:47Z <p>On fait comment pour ça<small class="fine d-inline"> </small>?</p> Photoswipe 2017-10-27T11:24:11Z https://files.spip.org/Photoswipe#comment494094 2017-10-27T11:24:11Z <p>peux-tu l'ajouter directement dans le plugin sur la zone<small class="fine d-inline"> </small>? merci<small class="fine d-inline"> </small>!</p> Photoswipe 2017-10-27T11:05:03Z https://files.spip.org/Photoswipe#comment494093 2017-10-27T11:05:03Z <p>Je demande confirmation de cette imperssion...<br class="autobr"> Merci</p> Photoswipe 2017-10-27T11:00:57Z https://files.spip.org/Photoswipe#comment494092 2017-10-27T11:00:57Z <p>Après avoir remplacé le contenu de lib/photoswipe dans le plugin par<br class="autobr"> photoswipe-ui-default.js<br class="autobr"> photoswipe-ui-default.min.js<br class="autobr"> photoswipe.css<br class="autobr"> photoswipe.js<br class="autobr"> photoswipe.min.js</p> <p> default-skin.css<br class="autobr"> default-skin.png<br class="autobr"> default-skin.svg<br class="autobr"> preloader.gif<br class="autobr"> pris sur le site de photoswipe aujourd'hui, cela semble fonctionner pour un iphone.<br class="autobr"> Toutefois, la console (chrome f12) cherchait rien.gif pour l'image agrandie.<br class="autobr"> Une fois réinjecté en racine du site, swipe s'est mis à fonctionner comme attendu.<br class="autobr"> Une petite mise à jour à faire.<br class="autobr"> Bonne journée</p> Photoswipe 2017-10-27T05:22:59Z https://files.spip.org/Photoswipe#comment494087 2017-10-27T05:22:59Z <p>Bonjour,<br class="autobr"> J'ai moi aussi changé les bornes et le plugin fonctionne à plein.<br class="autobr"> J'ai tout de même un souci, la page ci dessus (message précédent) s'affiche bien jusqu'à la dimension ipad, mais il y a un bug pour la même page sur les téléphones.<br class="autobr"> La page de demo fonctionne elle dans les deux cas.<br class="autobr"> Pour vous qu'n est il<small class="fine d-inline"> </small>?<br class="autobr"> S'agit il de mon squelettes<small class="fine d-inline"> </small>?<br class="autobr"> Bonne journée</p> Photoswipe 2017-10-26T15:49:59Z https://files.spip.org/Photoswipe#comment494078 2017-10-26T15:49:59Z <p>Bonjour,<br class="autobr"> Photoswipe remplace la médiabox sur mon site, tout va bien, jusqu'aux tests sur petits écrans :<br class="autobr"> les vignettes sont minuscules, à gauche et au mileu de la page.<br class="autobr"> ICI par exemple : <a href="http://imagesetpeche.free.fr/?Surf-Familial" class="spip_url spip_out" rel='nofollow external'>http://imagesetpeche.free.fr/?Surf-...</a><br class="autobr"> Comment soigner ça<small class="fine d-inline"> </small>?</p> Photoswipe 2017-10-16T13:54:27Z https://files.spip.org/Photoswipe#comment493843 2017-10-16T13:54:27Z <p>Bah le ou les personnes à l'origine du plugin sont peut-être plus à même que moi de dire si le plugin est entièrement compatible ou non (J'ai pas suivi le détail des modification de la 3.2, il y a peut-être des améliorations à apporter aux plugins). <br class="manualbr">Sinon pour les tests, ce matin au boulot entre 2 dossiers j'ai mis à jour un projet de site Spip en v3.2. J'ai modifié le fichier paquet.xml pour pouvoir forcer l'activation du plugin, j'ai recalculer une page sur laquelle j'utilisais le plugin photoswipe et ça fonctionnait. Donc bon, est-ce que ça suffit à dire que le plugin est parfaitement compatible<small class="fine d-inline"> </small>? <br class="manualbr">Je viens de tester la page demo, ça fonctionne également...</p> Photoswipe 2017-10-16T13:20:30Z https://files.spip.org/Photoswipe#comment493835 2017-10-16T13:20:30Z <p>En fait il n'y pas de personnes qui peut dire officiellement tel ou tel plugin est compatible, mais la communauté dans son ensemble.</p> <p>Donc si tu te sens de faire des tests poussés (lesquels)<small class="fine d-inline"> </small>? on pourra marquer officiellement comme compatibke</p> Photoswipe 2017-10-16T13:14:52Z https://files.spip.org/Photoswipe#comment493834 2017-10-16T13:14:52Z <p>En effet j'ai testé ce matin en modifiant les bornes du fichier paquet.xml. ça semble fonctionner correctement mais j'ai pas fait de tests poussés. <br class="autobr"> Ce serait quand même mieux une version officiellement compatible. :-)</p> Photoswipe 2017-10-16T09:56:24Z https://files.spip.org/Photoswipe#comment493825 2017-10-16T09:56:24Z <p>Salut,</p> <p>tu peux deja tester en modifiant les bornes dans paquet.xml et plugin.xml pour pouvoir activer le plugin et voir ce que cela donne. Si cela marche sans aucun bug cheztoi, alors on pourra le signaler aux autres utilisateur<span aria-hidden="true">·</span>trice<span aria-hidden="true">·</span>s</p> Photoswipe 2017-10-16T09:46:31Z https://files.spip.org/Photoswipe#comment493823 2017-10-16T09:46:31Z <p>J'espère qu'on aura rapidement une version compatible 3.2, ce plugin est vraiment utile :-)</p> Photoswipe 2017-09-15T23:29:17Z https://files.spip.org/Photoswipe#comment493395 2017-09-15T23:29:17Z <p>Juste un petit bémol : j'ai découvert que le titre de l'image se mettait dans la balise « title »... et en faisant ça mon texte n'est pas centré, mais décalé vers la gauche.</p> <p>Où faut-il modifier cela<small class="fine d-inline"> </small>? dans le CSS je suppose<small class="fine d-inline"> </small>?</p> Photoswipe 2017-09-15T15:50:56Z https://files.spip.org/Photoswipe#comment493392 2017-09-15T15:50:56Z <p>Bonjour,<br class="autobr"> Comment afficher le descriptif en plus du titre à l'affichage de l'image<small class="fine d-inline"> </small>?<br class="autobr"> Merci pour ce plugin.</p> Photoswipe 2017-09-15T04:37:41Z https://files.spip.org/Photoswipe#comment493386 2017-09-15T04:37:41Z <p>Bonjour,<br class="autobr"> J'utilise déjà photoswipe en plugin pour mon portfolio comme ici <a href="http://imagesetpeche.free.fr/?Jardin" class="spip_url spip_out" rel='nofollow external'>http://imagesetpeche.free.fr/?Jardin</a> par exemple.<br class="autobr"> Comment peut on afficher le descriptif des images<small class="fine d-inline"> </small>?<br class="autobr"> Merci</p> Photoswipe 2017-09-13T00:48:20Z https://files.spip.org/Photoswipe#comment493372 2017-09-13T00:48:20Z <p>Merci beaucoup pour ce plugin qui génère automatiquement un effet « lightbox » sur les images :)</p> <p>Je l'ai utilisé couplé à un script php qui me permet de construire ma galerie en incluant automatiquement un filigrane et des données exif dans mes images. Il a suffi d'ajouter 3 petits tags dans chaque image et ça fonctionne à merveille<small class="fine d-inline"> </small>!</p> <p>C'est tellement facile, j'ai passé plus de temps à lire la présente page qu'à mettre en œuvre le plugin lui-même, c'est pour dire<small class="fine d-inline"> </small>!</p> <p>Si vous voulez un exemple, ouvrez n'importe quelle galerie sur mon site : <a href="https://www.absurdephoton.fr/-Galeries-" class="spip_url spip_out auto" rel="nofollow external">https://www.absurdephoton.fr/-Galeries-</a></p> Photoswipe 2017-07-18T14:49:15Z https://files.spip.org/Photoswipe#comment492912 2017-07-18T14:49:15Z <p>Je comprend tout a fait ce que veux dire <strong>DébutantSPIP</strong>, a propos de la syntaxe.<br class="autobr"> Comme sur SPIP quand on téléverse une image il y a souvent ces 3 caractéristiques de l'image : <code class="spip_code spip_code_inline" dir="ltr"><image22340|left>, <image2814210|center>, <image20|right></code> où l'on peut utilisé le numéro derrière «<small class="fine d-inline"> </small><i>image</i><small class="fine d-inline"> </small>» pour l'associé a un mot-clé qui permettra d'affiché la galerie sur le site (par exemple : pour des plugins comme nivo slider on le mot clé c'est :<i> nivoslider2345</i>).<br class="autobr"> le mot-clé "nivoslider" associé a un numéro "3453" (de la photo ou autre).</p> <p><strong>Alors pour en revenir a ce que "DébutantSPIP" voulais dire<small class="fine d-inline"> </small>; c'est quoi la syntaxe ou encore LE MOT-CLÉ pour l'utilisation du plugin sur SPIP<small class="fine d-inline"> </small>? </strong></p> Photoswipe 2017-02-28T18:00:50Z https://files.spip.org/Photoswipe#comment491257 2017-02-28T18:00:50Z <p>bonjour,</p> <p>juste 3 questions : <br class="autobr"> 1- quelle est l'utilité du filtre photoswipe_preparer (qui est appelé par post_propre aussi)<small class="fine d-inline"> </small>? <br class="autobr"> 2- pourquoi insérer l'initialisation de photoswipe en « inline » dans le head de la page<small class="fine d-inline"> </small>? Et pourquoi ne pas mettre ce bout de code dans un fichier js spécifique<small class="fine d-inline"> </small>? <br class="autobr"> 3- pourquoi insérer le code html nécessaire à photoswipe en js, un modèle html ne serait pas mieux (plus souple)<small class="fine d-inline"> </small>? et d'ailleurs, le développeur dit justement dans sa doc : « You might ask, why PhotoSwipe doesn't add this code automatically via JS, reason is simple – just to save file size, in case if you need some modification of layout. »<small class="fine d-inline"> </small>;-)</p> <p>merci pour les réponses. <br class="autobr"> christophe</p> Photoswipe 2017-01-21T16:38:09Z https://files.spip.org/Photoswipe#comment490689 2017-01-21T16:38:09Z <p>Le fameux espace noir ou devrait se trouver une petite photo lors du zoom à une classe css comme ça je pense (à vérifier surement dans le code du plugin)</p> <pre>.pswp__img--placeholder--blank </pre> Photoswipe 2017-01-19T16:26:53Z https://files.spip.org/Photoswipe#comment490634 2017-01-19T16:26:53Z <p>Ce plugin est génial<small class="fine d-inline"> </small>! Merci à vous<small class="fine d-inline"> </small>!<br class="autobr"> Je cherche juste à obtenir une vignette grossissante comme c'est le cas avec la démo officielle du site, lors d'un clic sur une image celle-ci s'anime pour s'agrandir complètement.<br class="autobr"> Avec le plugin actuellement nous avons un passage au noir lors du clic, comme si la photo était manquante. <br class="autobr"> Ce qui me laisse peut-être penser que peut-être cela provient du manque de format d'images 'medium' passé en data sur la démo.<br class="autobr"> Quand j'ai le temps je teste si cela vient de ça, si oui on pourrait améliorer le code du modele doc.html avec un format intermédiaire.</p> Photoswipe 2016-12-19T08:08:09Z https://files.spip.org/Photoswipe#comment490248 2016-12-19T08:08:09Z <p>En ligne ici sur le portfolio :</p> <p><a href="http://imagesetpeche.free.fr/?Plage-surf" class="spip_url spip_out auto" rel="nofollow external">http://imagesetpeche.free.fr/?Plage-surf</a></p> Photoswipe 2016-12-17T13:46:19Z https://files.spip.org/Photoswipe#comment490236 2016-12-17T13:46:19Z <p>Je me réponds :<br class="autobr"> j'ai remplacé mon portfolio qui ne sert pas sur mon site photos aquarelles,<br class="autobr"> la vignette étant interprétée comme un lien, la surcharge de la feuille perso.css suffit.<br class="autobr"> Pour moi c'est :</p> <p>/* Liens images */<br class="autobr"> a img <i><br class="autobr"> margin:5px<small class="fine d-inline"> </small>;<br class="autobr"> </i></p> <p>,testé en local, bientôt en ligne</p> <p>Encore merci.</p> Photoswipe 2016-12-16T16:36:07Z https://files.spip.org/Photoswipe#comment490230 2016-12-16T16:36:07Z <p>Bonjour, je découvre avec plaisir ce plugin qui me satisfait.<br class="autobr"> Merci pour cette contribution à l'écureuil.<br class="autobr"> Comment afficher des vignettes qui ne se touchent pas (il n'y a pas d'espace entre celle du dessus et celle du dessous alors que pour la droite et la gauche, elle sont séparées)<small class="fine d-inline"> </small>?<br class="autobr"> Est ce que c'est du ressort de la css du plugin ou de ma feuille de style<small class="fine d-inline"> </small>?<br class="autobr"> Comme je penche pour la première hypothèse, je poste ici.<br class="autobr"> Merci et bonne soirée</p> Photoswipe 2016-12-15T15:27:52Z https://files.spip.org/Photoswipe#comment490219 2016-12-15T15:27:52Z <p>Bonjour,</p> <p>Est-ce que l'exploitation de l'attribut data-author (avec la balise #CREDITS) est envisageable<small class="fine d-inline"> </small>?<br class="autobr"> Je n'ai pas de souci pour le remplir mais je ne sais pas le ressortir dans la lightbox (comme sur la démo sur le site photoswipe.com)</p> <p>Je me base sur le code de la démo spip pour construire ma galerie.</p> <p>Merci<small class="fine d-inline"> </small>!</p> Photoswipe 2016-10-31T13:44:43Z https://files.spip.org/Photoswipe#comment489686 2016-10-31T13:44:43Z <p>Merci pour ce super plugin.</p> <p>Quelqu'un a t-il travaillé sur une déclinaison sur les miniatures des albums<small class="fine d-inline"> </small>? Ainsi, quand on clique sur les miniatures des images d'un album, l'image agrandie se déploie en photoswipe<small class="fine d-inline"> </small>?</p> Photoswipe 2016-10-20T16:41:31Z https://files.spip.org/Photoswipe#comment489469 2016-10-20T16:41:31Z <p>top, super pratique ce plugin<small class="fine d-inline"> </small>! merci<small class="fine d-inline"> </small>!</p> Photoswipe 2016-10-20T09:15:50Z https://files.spip.org/Photoswipe#comment489462 2016-10-20T09:15:50Z <p>En fait, des modèles sont désormais fournis avec le plugin, un modèle avec figure et un en dl dt classique… il faudra les intégrer à la doc.</p> Photoswipe 2016-10-20T07:16:36Z https://files.spip.org/Photoswipe#comment489455 2016-10-20T07:16:36Z <p>Avec au début du fichier biensûr :</p> <div class="precode"><pre class="spip_code spip_code_block" dir="ltr" style="text-align:left;"><code> [(#ENV{mode_force,#MODE}|=={image}|oui) #SET{fichier,#URL_DOCUMENT} #SET{width,#LARGEUR} #SET{height,#HAUTEUR} #SET{url,#ENV{lien}} ]</code></pre></div> Photoswipe 2016-10-19T19:29:28Z https://files.spip.org/Photoswipe#comment489450 2016-10-19T19:29:28Z <p>Une piste pour les moyens-débutants :</p> <p>un ajout de :</p> <div class="precode"><pre class="spip_code spip_code_block language-spip" dir="ltr" style="text-align:left;" data-language="spip"><code>data-photo-h='#HAUTEUR' data-photo-w='#LARGEUR' data-photo='#URL_DOCUMENT'</code></pre></div> <p>dans les modeles doc.html et img.html<br class="autobr"> dans la partie img :</p> <div class="precode"><pre class="spip_code spip_code_block language-spip" dir="ltr" style="text-align:left;" data-language="spip"><code><img src='#GET{fichier}' • <--- colle ici</code></pre></div> Photoswipe 2016-09-21T22:51:16Z https://files.spip.org/Photoswipe#comment489088 2016-09-21T22:51:16Z <p>Ok donc je pense mal : j'ai regardé dans l'actuel fichier css du projet sur Github, et à côté d'un certain nombre de changements, y'a aussi ces top : 0 et left : 0 sur .pswp__img. Donc tu avais parfaitement raison. Mea culpa.</p> Photoswipe 2016-09-20T10:08:24Z https://files.spip.org/Photoswipe#comment489068 2016-09-20T10:08:24Z <p>Je retire : sur la diplo tous les exemples que j'ai sont à - de 2000px donc peut être que c'est pareil. Mais je pense tout de même qu'il y a une meilleure solution.</p> Photoswipe 2016-09-20T09:54:14Z https://files.spip.org/Photoswipe#comment489067 2016-09-20T09:54:14Z <p>J'ai aussi vu le problème mais je pense qu'y'a une manière de le régler moins bourrine. Regarde l'exemple du diplo : pas de top ou de left et ça décale pas. Faut encore trifouiller un peu pour trouver une solution plus propre…</p> Photoswipe 2016-09-20T09:42:25Z https://files.spip.org/Photoswipe#comment489066 2016-09-20T09:42:25Z <p>Bonjour, et un grand merci pour vos contributions<small class="fine d-inline"> </small>;-) Cette visionneuse manquait<small class="fine d-inline"> </small>!<br class="autobr"> Une petite chose cependant :<br class="autobr"> Dans un portfolio, la première image se positionne bien, mais pas les suivantes (taille > 2000px)<small class="fine d-inline"> </small>; en surchargeant photoswipe.css par :</p> <div class="precode"><pre class="spip_code spip_code_block" dir="ltr" style="text-align:left;"><code>.pswp__img { position: absolute; left: 0; top: 0; }</code></pre></div> <p>tout rentre dans l'ordre (manquait les positions left et top)...</p> <p>Encore bravo :)</p> Photoswipe 2016-09-19T07:06:21Z https://files.spip.org/Photoswipe#comment489048 2016-09-19T07:06:21Z <p>Salut,</p> <blockquote class="spip"> <p>On fait comment pour une utilisation normale du plugin<small class="fine d-inline"> </small>?</p> </blockquote> <p>C'est quoi une utilisation normale<small class="fine d-inline"> </small>? Tu souhaites utiliser le plugin sur quelle partie de tes squelettes<small class="fine d-inline"> </small>?</p> <p>Tu peux avantageusement t'inspirer du code fourni dans l'exemple pour l'adapter à la boucle du portfolio si c'est bien ce que veux faire. La partie importante est l'ajout des attributs <code class="spip_code spip_code_inline" dir="ltr">data-</code> comme expliqué plus haut.</p> Photoswipe 2016-09-18T19:27:02Z https://files.spip.org/Photoswipe#comment489046 2016-09-18T19:27:02Z <p>Bonjour,</p> <p>On fait comment pour une utilisation normale du plugin<small class="fine d-inline"> </small>? Le test est concluant sur mon site :</p> <p><code class="spip_code spip_code_inline" dir="ltr">spip.php?page=public/demo_photoswipe</code></p> <p>Mais j'ai fait plein d'essais avec différentes syntaxes SPIP, je n'arrive pas à faire fonctionner<small class="fine d-inline"> </small>! <br class="autobr"> Dans la documentation, vous n'expliquez rien sur le syntaxe SPIP précise à utiliser, à part le fameux sélecteur...</p> <p><code class="spip_code spip_code_inline" dir="ltr">img[data-photo], a[type]</code></p> <p>et puis débrouillez-vous...<br class="autobr"> Merci par avance.</p>