Bonjour,
Ma configuration WP actuelle
- Version de PHP/MySQL : 8/8
- Thème utilisé : OceanWP
Problème(s) rencontré(s) : J’ai créé une page pour tester l’effet lightbox https://pasdpanique.fr/essai_lightbox/ et ça ne semble rien apporter à l’utilisateur…
<script src="https://cdn.jsdelivr.net/npm/jquery@3.4.1/dist/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.css" />
<script src="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.js"></script>
<script>
jQuery(document).ready(function(){
jQuery( ".image-galerie" ).each(function( index ) {
jQuery( this ).wrap("<a data-fancybox='gallery' href='"+ jQuery( this ).attr("src") +"'></a>");
});
});
</script>
<h1>cliquez sur l'image !</h1>
<img src="https://pasdpanique.fr/wp-content/uploads/2022/08/WhatsApp-Image-2022-07-07-at-08.02.00-300x200.jpeg" alt="" width="300" height="200" class="alignnone size-medium wp-image-228 image-galerie" />
<img src="https://pasdpanique.fr/wp-content/uploads/2022/08/WhatsApp-Image-2022-07-07-at-08.02.00-1-292x300.jpeg" alt="" width="292" height="300" class="alignnone size-medium wp-image-223 image-galerie" />
L’effet lightbox n’est pas effectué par un plugin mais par du code et ensuite, il faut ajouter aux images la classe CSS
image-galerie
mais quand on clique sur l'image, on obtient exactement la même chose. Quelle est l'erreur ?