https://jmbravo.com/galerias/Recent content in Galerias on Sitio web de José María Bravo LinerosHugoes-esMon, 29 Jun 2026 00:00:00 +0000https://jmbravo.com/galerias/galeria-prueba/Mon, 29 Jun 2026 00:00:00 +0000https://jmbravo.com/galerias/galeria-prueba/<div class="galeria"> <figure class="galeria-item"> <button class="galeria-btn" data-src="https://jmbravo.com/galerias/galeria-prueba/hero_01.jpg" data-alt="hero_01.jpg" aria-label="Ampliar imagen"> <img src="https://jmbravo.com/galerias/galeria-prueba/hero_01.jpg" alt="hero_01.jpg" loading="lazy"> </button> </figure> <figure class="galeria-item"> <button class="galeria-btn" data-src="https://jmbravo.com/galerias/galeria-prueba/hero_02.jpg" data-alt="hero_02.jpg" aria-label="Ampliar imagen"> <img src="https://jmbravo.com/galerias/galeria-prueba/hero_02.jpg" alt="hero_02.jpg" loading="lazy"> </button> </figure> <figure class="galeria-item"> <button class="galeria-btn" data-src="https://jmbravo.com/galerias/galeria-prueba/hero_03.jpg" data-alt="hero_03.jpg" aria-label="Ampliar imagen"> <img src="https://jmbravo.com/galerias/galeria-prueba/hero_03.jpg" alt="hero_03.jpg" loading="lazy"> </button> </figure> <figure class="galeria-item"> <button class="galeria-btn" data-src="https://jmbravo.com/galerias/galeria-prueba/hero_04.jpg" data-alt="hero_04.jpg" aria-label="Ampliar imagen"> <img src="https://jmbravo.com/galerias/galeria-prueba/hero_04.jpg" alt="hero_04.jpg" loading="lazy"> </button> </figure> <figure class="galeria-item"> <button class="galeria-btn" data-src="https://jmbravo.com/galerias/galeria-prueba/hero_05.jpg" data-alt="hero_05.jpg" aria-label="Ampliar imagen"> <img src="https://jmbravo.com/galerias/galeria-prueba/hero_05.jpg" alt="hero_05.jpg" loading="lazy"> </button> </figure> <figure class="galeria-item"> <button class="galeria-btn" data-src="https://jmbravo.com/galerias/galeria-prueba/hero_06.jpg" data-alt="hero_06.jpg" aria-label="Ampliar imagen"> <img src="https://jmbravo.com/galerias/galeria-prueba/hero_06.jpg" alt="hero_06.jpg" loading="lazy"> </button> </figure> </div> <dialog class="galeria-dialog" id="galeriaDialog"> <button class="galeria-dialog-close" aria-label="Cerrar">&times;</button> <img src="" alt="" class="galeria-dialog-img"> </dialog> <script> (function () { const dialog = document.getElementById('galeriaDialog'); const dialogImg = dialog.querySelector('.galeria-dialog-img'); const closeBtn = dialog.querySelector('.galeria-dialog-close'); document.querySelectorAll('.galeria-btn').forEach(btn => { btn.addEventListener('click', () => { dialogImg.src = btn.dataset.src; dialogImg.alt = btn.dataset.alt; dialog.showModal(); }); }); closeBtn.addEventListener('click', () => dialog.close()); dialog.addEventListener('click', e => { if (e.target === dialog) dialog.close(); }); })(); </script>