PluXml.org

Blog ou CMS à l'Xml

Vous n'êtes pas identifié(e).

#1 22/07/2017 13:17:32

PPmarcel
Membre
Inscription : 21/06/2010
Messages : 250
Site Web

Ouvrir balises <img> dans une lightbox

Bonjour,

Jusqu'ici j'utilise le plugin colorbox pour ouvrir mes images. Il a une fonctionnalité intéressante : on pose juste les images dans l'article, puis lorsque la page est chargée le plugin détecte les images en .tb.jpg. La balise <img> devient cliquable et ouvre l'image originale dans une box.

Maintenant je voudrais tester d'autres visionneuses d'image, mais repasser sur tous mes anciens articles pour ajouter des balises <a> sur toutes les images ça va être rébarbatif (et la rédaction des article devient pénible).

Est-ce qu'il existe un script javascript qui peut réécrire les appels aux images ?

Ex:

De:

<img source image.tb.jpg>

en :

<a href=image.jpg options-lightbox>
    <img src=image.tb.jpg>
</a>

Dernière modification par PPmarcel (22/07/2017 13:26:18)

Hors ligne

#2 22/07/2017 13:28:39

Stéphane
Responsable du projet
Lieu : pas loin de Metz
Inscription : 07/08/2007
Messages : 6 190
Site Web

Re : Ouvrir balises <img> dans une lightbox

Avec jquery tu devrais pouvoir déclencher un evenement onclick sur les images à partir de la balise img comme selecteur. Il faut bien cibler uniquement les images des articles dans le DOM de la page. J'ai rien sous la main pour tester, mais ça devrait etre jouable.


Mes articles et tutoriels pour PluXml
Pluxopolis mon site sur PluXml, mais pas seulement...
Twitter: @pluxopolis

Hors ligne

Pied de page des forums

A propos Nous soutenir Contact Twitter Google+
Copyright © 2006-2017 PluXml.org, tous droits réservés