Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje28-04-2011, 19:25 (UTC)    
Título del mensaje: Imágen "cargando" mientras pagina carga [ JQuery ]

Les traigo este codigo para colocar en sus webs
Al cargar la pagina aparecera el cuadro con una imagen de fondo(pueden cambiarla).
Al estar lista la pagina el cuadro desaparece poco a poco;
Si la pagina fuera muy lenta y este cuadro llega a molestar, dando click en el desaparece.
Imagen Previa:
http://img.webme.com/pic/a/adan-2994/previacarga.png
Aqui el codigo

Cita:

<!--Codigo de carga por adan-2994.es.tl-->
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script>$(document).ready(function(){

window.onload=cerrar;
function cerrar(){
$("#carga").animate({"opacity":"0"},1000,function(){$("#carga").css("display","none");});
}
$("#carga").click(function(){cerrar();});

});</script>

<div title="Click para Cerrar" id="carga" style="cursor:pointer;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;box-shadow:inset yellow 0px 0px 14px;background-image:url(http://www.puntroma.com/img/ico_cargando.gif);background-position:center;background-size:100%;background-color:#111111;width:300px;color:#fff;text-align:center;height:100px;padding:52px 12px 12px 12px;position:fixed;top:30%;left:40%;z-index:6;">TU TEXTO AQUI</div>
<!--Codigo de carga por adan-2994.es.tl-->

Lo coloreado en rojo es el tiempo que dura en ocultarse en milisegundos
Lo coloreado en naranja es la imagen de fondo
Lo coloreado de Verde es el texto que aparecera (Puedes dejarlo en blanco)

Espero lo utilizen

------
¿El codigo no funciona? Por favor de aviso a algun moderador haciendo click aqui
______________
COLECCION DE EMOTIKONOS PARA TU WEB PWG


Ultima edición por adan-2994 el Mie Nov 21, 2012 5:03 pm; editado 7 veces
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group