Ver Mensaje Individual
  #2 (permalink)  
Antiguo 26/08/2012, 05:05
3nr1c
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: Mostrar imagen de carga para imagenes

En todas las imagenes en vez de poner un src normal se escribe el codigo:

Código HTML:
Ver original
  1. <img src="imagen_carga.gif" data-src="url-imagen-real.jpg"/>

Luego en JavaScript:

Código Javascript:
Ver original
  1. window.onload = function(){
  2.   $('img[data-src]').each(function(){
  3.     var src = $(this).attr('data-src');
  4.     $(this).attr('src',src).attr('data-src',null);
  5.   });
  6. };

Lo he hecho en jQuery pero también se podría hacer en JS nativo. Un saludo