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.