Saltar al contenido

jQuery, JavaScript, HTML: ¿cómo cargar imágenes después de cargar todo lo demás?

Esta sección fue evaluado por nuestros especialistas así se asegura la veracidad de nuestra esta noticia.

Esto es lo que hicimos y funciona muy bien. Nos saltamos la configuración src attribute de img y agregó img-ubicación a una falsificación attribute lsrc. Luego cargamos una imagen dinámica con lsrc valor y establezca el src de la imagen real solo después de su carga.

No se trata de una carga más rápida, sino de mostrar las imágenes solo cuando se descargan por completo en su página, para que el usuario no tenga que ver esas molestas imágenes cargadas a medias. Se puede usar una imagen de marcador de posición mientras se cargan las imágenes reales.

Aquí está el código.

 $(function()
    $.each(document.images, function()
               var this_image = this;
               var src = $(this_image).attr('src') );
  );

Editar: el truco es configurar el src attribute solo cuando esa fuente se carga en img temporal. $(img).load(fn); maneja eso.

Además de la respuesta de Xhalent, use la función .append() en jQuery para agregarlos al DOM:

Su HTML solo tendría:

Y entonces tu jquery sería:

jQuery(function()
    $("#slider").append('
'); );

Puedes añadir valor a nuestra información dando tu veteranía en las anotaciones.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)


Tags :

Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *