Traté de usar lightgallery.js ( https://www.youtube.com/watch?v=nT20JV1nRZg ) en mi sitio web. El problema es que cuando hago clic en una imagen, la galería se abre y se atasca en la pantalla de carga. Creo que se debe a mi estructura html, pero no sé cómo solucionarlo.
HTML:
<section class="tiles"> <article class="style6"> <span class="image"> <img src="images//graff_p/_DSC9464.jpg" alt="" /> </span> </article> <article class="style6"> <span class="image"> <img src="images//graff_p/_DSC9511.jpg" alt="" /> </span> </article> ... </section>
JS:
lightGallery(document.querySelector('.tiles'))
EDITAR:
Código del tutorial que funciona:
HTML:
<div class="gallery"> <a href="img1.jpg"> <img src="img1.jpg" alt=""> </a> <a href="img2.jpg"> <img src="img2.jpg" alt=""> </a> ... </div>
JS: lightGallery(document.querySelector('.gallery'))