Hola!
Tengo una web con muchas imágenes entonces hice una animación para la carga pero hasta lo que llege con scripts que vi en internet es esto:
Código PHP:
Ver original<style>
#barraCargaTop{
z-index:99;
position:fixed;
top:0px; left:0px;
width:100%;
/*height:34px;*/
background-color: rgba(48, 96, 117, 0.804);
border-bottom-left-radius:17px;
border-bottom-right-radius:17px;
-moz-border-bottom-left-radius:17px;
-moz-border-bottom-right-radius:17px;
-webkit-border-bottom-left-radius:17px;
-webkit-border-bottom-right-radius:17px;
text-align:center;
padding:12px 0px;
}
#barraCargaTop:hover{
background-color: rgba(48, 96, 117, 1);
}
</style>
<div id="barraCargaTop">Cargando Imagenes! Espere...</div>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" ></script><script>$(function(){
var barraCargaTop=$('#barraCargaTop');
barraCargaTop.animate({'opacity':0},900,function(){$(this).css('display','none'); });
});</script>
pero solo aparece por medio segundo. mi pregunta es ¿Como hago que dure mas tiempo?
Como pueden ver aqui solo dura medio segundo http://www.mardelplantas.com.ar/index.php?pid=3
Gracias. Espero que me ayuden.