Foros del Web » Programando para Internet » Jquery »

iniciar codigo jquery despues de cargar todas las imagenes

Estas en el tema de iniciar codigo jquery despues de cargar todas las imagenes en el foro de Jquery en Foros del Web. 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[ ...
  #1 (permalink)  
Antiguo 20/06/2013, 10:20
 
Fecha de Ingreso: febrero-2011
Mensajes: 167
Antigüedad: 13 años, 9 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>
  #2 (permalink)  
Antiguo 20/06/2013, 12:24
Avatar de ZoroRoronoa  
Fecha de Ingreso: marzo-2011
Ubicación: California, USA
Mensajes: 824
Antigüedad: 13 años, 7 meses
Puntos: 116
Respuesta: iniciar codigo jquery despues de cargar todas las imagenes

CREO, no aseguro al 100%.

Para que tu script comience a ejecutarse Ya que tu web (incluyendo tus Imagenes) esten cargadas, usa la funcion load() en lugar de ready()

Asi:

$(document).load(function(){

// All code here!

});
__________________
Programador jQuery & PHP

Etiquetas: imagenes, todas
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 20:16.