Foros del Web » Programando para Internet » Jquery »

Mostrar gif si la web esta cargando

Estas en el tema de Mostrar gif si la web esta cargando en el foro de Jquery en Foros del Web. Hola gente, espero esten bien. Bueno tengo este code: @import url("http://static.forosdelweb.com/clientscript/vbulletin_css/geshi.css"); Código Javascript : Ver original $ ( document ) . ready ( function ( ...
  #1 (permalink)  
Antiguo 11/03/2016, 10:05
 
Fecha de Ingreso: agosto-2015
Ubicación: Rosario - Argentina
Mensajes: 423
Antigüedad: 6 años, 10 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!

Etiquetas: cargando, gif
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 07:06.