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'))