Ouvrir balises <img> dans une lightbox

PPmarcelPPmarcel Member
juillet 2017 modifié dans Discussions générales
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>

Réponses

  • StéphaneStéphane Member, Former PluXml Project Manager
    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.

    Consultant PluXml

    Ancien responsable et développeur de PluXml (2010 à 2018)

Connectez-vous ou Inscrivez-vous pour répondre.