Entonces, estoy usando el siguiente código para mostrar un cargador en mi sitio web:
$(window).on("load", function(){ $(".loader").fadeOut("slow"); })Pero hay un carrusel que tiene muchas imágenes. Me gustaría "excluir" esas imágenes de la carga, de modo que el evento "cargar" se active antes de que esas imágenes terminen de cargarse. Porque entonces el cargador se desvanecería, pero las imágenes del carrusel que están casi al final del sitio web seguirían cargándose sin impedir que el usuario vea el sitio web.
¿Hay una manera de hacer eso? (como agregar una clase a las imágenes que quiero excluir del detector de eventos 'cargar' o algo así...)
Entonces, la única forma que encontré para hacer esto es agregando un atributo (en este ejemplo: data-src) con el src real a las imágenes que no quiero esperar para cargar:
<img data-src="example.jpg" src="">Luego, solo necesita cargar las imágenes después de que se llame a la ventana Evento 'cargar':
window.addEventListener('load', () => { const imgs = document.querySelectorAll('[data-src]'); imgs.forEach(img => { img.setAttribute('src', img.getAttribute('data-src')); }); });Creo que esta es una forma muy primitiva de implementar una 'carga diferida', pero funciona por ahora...