Animacion de carga por mas tiempo

[CeKiT]

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:

<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.

[walterdevel]

Deberías pasar por el foro de javascript, esto es php y no tiene nada que ver con el tiempo de carga de imágenes. Javascript si tiene funciones para manejar eso.

[CeKiT]

Iniciado por walterdevel

Deberías pasar por el foro de javascript, esto es php y no tiene nada que ver con el tiempo de carga de imágenes. Javascript si tiene funciones para manejar eso.

Ahora lo publico en Javascript, sorry