Ver Mensaje Individual
  #1 (permalink)  
Antiguo 11/03/2016, 10:05
TrinityCore
 
Fecha de Ingreso: agosto-2015
Ubicación: Rosario - Argentina
Mensajes: 424
Antigüedad: 8 años, 8 meses
Puntos: 12
Mostrar gif si la web esta cargando

Hola gente, espero esten bien.

Bueno tengo este code:
Código Javascript:
Ver original
  1. $(document).ready(function(){
  2.     $("#imagen_ventana").hide();
  3.     $("ul.imagen_post li").on("click", function(){
  4.         if(window.onload){
  5.             $("#imagen_ventana").css({"background-image":"url('../images/iconos/load.gif')"});
  6.         }else{
  7.             var ClaseImagen = $(this).attr("class");
  8.             DirImg = "http://customizacion-wow.esy.es/images/generador/"+ClaseImagen+".png";
  9.             $("#imagen_ventana").css({"background-image":"url('"+DirImg+"')"});
  10.             $("#imagen_ventana").fadeIn(400);
  11.         }
  12.     });

Lo que quiero saber, es como hacer que si la iamgen todabia no carga me mustre el GIF y si carga, entonces automaticamente se agrega sola.

Ahi he colocado un condicional pero no me muestra el gif... solo queda la pantalla en negro y luego se carga la imagen pasado los 2 o 3 segundos..

¿Como podria hacer eso?

No quiero un imitador que este basado en contador fijo, quiero utilizar el window.onload real de la web.

Espero puedan ayudarme y gracias de antemano!