20/06/2013, 10:20
|
| | Fecha de Ingreso: febrero-2011
Mensajes: 167
Antigüedad: 13 años, 10 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> |