Ver Mensaje Individual
  #2 (permalink)  
Antiguo 17/05/2011, 13:45
Avatar de tredio
tredio
 
Fecha de Ingreso: noviembre-2008
Ubicación: Carabobo
Mensajes: 466
Antigüedad: 15 años, 4 meses
Puntos: 66
Respuesta: Jquery y carga de imagenes

algo asi te podria servir


Código HTML:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  4. <title>Carga imagen</title>
  5.     html,body{width:100%; height:100%; padding:0; margin:0;}
  6.     .loading{ position:absolute; width:54px; height:55px; left:50%; top:50%; margin-left:-27px; margin-top:-27px; background:url(http://bocadepiano.com/comunidad/templates/tmpl_uni/images/loading.gif);}
  7.     img{display:none;}
  8. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
  9.  
  10.     $(document).ready(function(){
  11.         $('img').load(function(){
  12.             $('.loading').fadeOut('fast');
  13.             $(this).css({ height:$('body').height(), width : $('body').width()}).fadeIn('slow');
  14.         });
  15.     });
  16. </head>
  17.  
  18. <div class="loading"></div>
  19. <img src="http://piliymili.files.wordpress.com/2008/09/skull_wallpaper_v2_by_lordzoltan.jpg" alt= "" />
  20. </body>
  21. </html>
__________________
Extension Google Chrome
dar las gracias no cuesta nada :D