Don't find the correct class for my script.

[Burnside666]

Hi All,

I try to make this popup working, but without success.

My PHP code:
<div class="tf-font-service"> <div class="listing-images"> <div class="hover-listing-image"> <div class="wrap-hover-listing images-links"> <div class="listing-item active" title="'.$row['Nom'].'"> <div class="imgs"> <a href="./assets/images/Fonts/'.$row['Img'].'.avif"><img src="./assets/images/Fonts/'.$row['Img'].'.avif" class="swiper-image lazy" alt="images"></a> </div> </div>'; if (!empty($row['Img_1'])) { echo' <div class="listing-item" title="'.$row['Nom'].'"> <div class=""> <a href="./assets/images/Fonts/'.$row['Img_1'].'.avif"><img src="./assets/images/Fonts/'.$row['Img_1'].'.avif" class="swiper-image lazy" alt="images"></a> </div> </div>'; } else{ echo ''; } if (!empty($row['Img_2'])) { echo' <div class="listing-item" title="'.$row['Nom'].'"> <div class=""> <a href="./assets/images/Fonts/'.$row['Img_2'].'.avif"><img src="./assets/images/Fonts/'.$row['Img_2'].'.avif" class="swiper-image lazy" alt="images"></a> </div> </div>'; } else{ echo ''; } echo' <div class="bullet-hover-listing"> <div class="bl-item active"></div>'; if (!empty($row['Img_1'])) { echo'<div class="bl-item"></div>'; } if (!empty($row['Img_2'])) { echo'<div class="bl-item"></div>'; } echo'</div> </div> </div> </div> <div class="content"> <h4 class="title"><a href="#">'.$row['Nom'].'</a></h4> </div> </div>'; }

My Javascript:
$(document).ready(function() { $('.images-links').each(function() { $(this).magnificPopup({ delegate: 'a', type: 'image', gallery: { enabled:true } }); }); });

So if I remove the class imgs the code is working, but if I have it in my php code the modal didn't work anymore.

Any idea of what I missing?

Regards,
Burnside