Tengo una pregunta con respecto a html y js. Quiero hacer que todas las imágenes en las etiquetas <img> se puedan abrir en una nueva pestaña sin configurar manualmente un enlace href para cada imagen. Mi problema es que tengo más de 17.000 imágenes en mi sitio web y sería muy laborioso hacer esto para cada imagen. Entonces, básicamente, cada enlace src debe establecerse en el enlace href para la etiqueta <img> .
¿Hay alguna posibilidad de darse cuenta de eso?
¡Gracias de antemano!
Sí, no lo he probado (estoy en el móvil), pero algo como esto:
const gallery = document.querySelectorAll(img) gallery.forEach(image => { let src = image.getAttribute('src') image.addEventListener('click', function () { window.open(src) } }Una vez que haya terminado, agregue img {cursor: pointer} a su css para decirles a los usuarios que pueden hacer clic en él
Sería mejor con un script que cambie sus imágenes a enlaces, y no olvide la carga diferida