Ver Mensaje Individual
  #1 (permalink)  
Antiguo 20/06/2013, 10:20
esystemas
 
Fecha de Ingreso: febrero-2011
Mensajes: 167
Antigüedad: 13 años, 3 meses
Puntos: 9
iniciar codigo jquery despues de cargar todas las imagenes

buenos dias alguein sabe como carcular el tiempo que denmora en cargar todas las imagenes para recien alli ejecutar los script del jquery?

<script type="text/javascript">//<![CDATA[
$(document).ready(function () {

setTimeout(function () {
$("#bus").animate({"left": "+=529px"}, "slow");
}, 9000);//tiempo del bus
setTimeout(function () {
$(function(){
$('#slider div:gt(0)').hide();
setInterval(function(){
$('#slider div:first-child').fadeOut(0)
.next('div').fadeIn(100)
.end().appendTo('#slider');}, 100);

setTimeout(function () {
$('#sld').html('<div id="elegido" ><img src="images/person/<?php echo $elegido;?>"/></div>');
}, 9020);//tiempo del elegido

setTimeout(function () {
$("#globo").fadeIn("slow");
}, 9030);//tiempo del globo

});
}, 9010);//tiempo del slider

});
//]]></script>
</head>
<body>
<div id="fondo" >
<div id="bus" class="block" >
<div id="globo" ></div>
<div id="sld">
<div id="slider">
<div><img src="images/person/1.png"/></div>
<div><img src="images/person/el-aguado-color.png"/></div>
<div><img src="images/person/el-aguado-sombra.png"/></div>
<div><img src="images/person/el-aventurero-color.png"/></div>
<div><img src="images/person/el-aventurero-sombra.png"/></div>
<div><img src="images/person/el-bonachon-color.png"/></div>
<div><img src="images/person/el-bonachon-sombra.png"/></div>
<div><img src="images/person/el-gilerazo-color.png"/></div>
<div><img src="images/person/el-gilerazo-sombra.png"/></div>
<div><img src="images/person/el-nerd-color.png"/></div>
<div><img src="images/person/el-nerd-sombra.png"/></div>
<div><img src="images/person/el-sexy-color.png"/></div>
<div><img src="images/person/el-sexy-sombra.png"/></div>
<div><img src="images/person/la-chic-color.png"/></div>
<div><img src="images/person/la-chic-sombra.png"/></div>
<div><img src="images/person/la-despistada-color.png"/></div>
<div><img src="images/person/el-sexy-color.png"/></div>
<div><img src="images/person/el-sexy-sombra.png"/></div>
<div><img src="images/person/la-chic-color.png"/></div>
<div><img src="images/person/la-chic-sombra.png"/></div>
<div><img src="images/person/la-despistada-color.png"/></div>
<div><img src="images/person/la-despistada-sombra.png"/></div>
<div><img src="images/person/la-intelectual-color.png"/></div>
<div><img src="images/person/la-intelectual-sombra.png"/></div>
<div><img src="images/person/person/la-ranger-color.png"/></div>
<div><img src="images/person/la-ranger-sombra.png"/></div>
<div><img src="images/person/la-romantica-color.png"/></div>
<div><img src="images/person/la-romantica-sombra.png"/></div>
<div><img src="images/person/la-sexy-color.png"/></div>
<div><img src="images/person/la-sexy-sombra.png"/></div>
</div>
</div>
</div>
</div>