sincronizzare funzioni jquery

**bhoo** · 22-11-2011, 22:21

ciao, vorrei creare due effetti per due div, in pratica all'apertura della pagina dovrebbe iniziare un effetto su un div poi dopo un tot di tempo iniziare un altro effetto su un altro div io ho scritto questo:
<script type="text/javascript" >

$(document).ready(function prova() {
$('#img-mac').slideDown(10000);

});
$(document).ready(function {
setTimeout(prova, 10000);
});

$(document).ready(function (){
$('#art-page-background-glare').fadeIn(100000);

});

</script>

ma non và cosa posso fare per correggerlo?

**cavicchiandrea** · 22-11-2011, 22:41

Originariamente inviato da bhoo
ciao, vorrei creare due effetti per due div, in pratica all'apertura della pagina dovrebbe iniziare un effetto su un div poi dopo un tot di tempo iniziare un altro effetto su un altro div io ho scritto questo:
<script type="text/javascript" >

$(document).ready(function prova() {
$('#img-mac').slideDown(10000);

});
$(document).ready(function {
setTimeout(prova, 10000);
});

$(document).ready(function (){
$('#art-page-background-glare').fadeIn(100000);

});

</script>

ma non và cosa posso fare per correggerlo?

Studiare jquery e un po di js potrebbe essere un buon inizio, prova cosi:

codice:

<script type="text/javascript" >

$(document).ready(function () {
prova()
setTimeout("prova()", 10000);
$('#art-page-background-glare').fadeIn(100000);
});
function prova() {
$('#img-mac').slideDown(10000);
}
</script>

... ipotizzo cercando di sistemare il tuo codice, dubito che vada.

**bhoo** · 23-11-2011, 00:49

ti ringrazio di spronarmi allo studio, ma guarda caso come avevi già preannunciato tu, il tuo codice studiato funziona esattamente come il mio cioè non funziona...

se è possible c'è qualcuno che sia in grado di aiutarmi?

grazie anticipatamente a chi lo fà

**longilineo** · 23-11-2011, 01:04

Questa pagina dovrebbe fare al caso tuo.

Di il perchè non funziona lo script che ti è stato consigliato.

**cavicchiandrea** · 23-11-2011, 01:26

Questo funziona, apre due div sequenzialmente:

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<script type="text/javascript" src="jquery-1.4.4.js"></script>
<script type="text/javascript" language="javascript">
//<![CDATA[
$(document).ready(function () {
$('#art-page-background-glare').fadeIn(1000);
setTimeout("prova()", 5000);
});
function prova() {
$('#img-mac').slideDown(1000);
}
//]]>
</script>
</head>
<body>
<div id="art-page-background-glare" style="display:none;">Primo div si apre al caricaemnto in fade</div>
<div id="img-mac" style="display:none;">Secondo div si apre al caricamento posticipata di 5sec in discesa</div>
</body>
</html>

P.S. Consiglio quando si ha bisogno, forse è meglio essere un po meno presuntosi e orgogliosi e nel tuo interesse

**bhoo** · 23-11-2011, 01:42

grazie fatto il tuo codice era quasi giusto...

si hai ragione è il mio carattere mi scoccia chiedere, lo faccio poco ma lo facio... io l'ho scritto cosi e mi funziona

p.s. perchè anche se non mi credi io studio ma in queste cose non basta mai.

<script type="text/javascript" >

$(document).ready(function () {

setTimeout(prova, 5000);
$('#art-page-background-glare').slideDown(10000);
});
function prova() {
$('#img-mac').fadeIn(10000);
}

</script>

cmq grazie.

Discussione: sincronizzare funzioni jquery

Strumenti discussione

Ricerca discussione

Visualizza

sincronizzare funzioni jquery

Re: sincronizzare funzioni jquery

Permessi di invio