-
problema con JQuery
Salve ragazzi... spero qualcuno possa essermi d'aiuto...
Ho una slideshow fotografica molto semplice gestita con JQuery...
Il codice è questo
Codice:
function showp(num) {
var molt = 400 * num;
$('#slider').fadeTo('slow', 0,0 )
.animate({ marginTop: '-'+molt+'px' }, 1 )
.fadeTo('slow', 1,0 );
}
Quindi in pratica non fa altro che rendere il div #slider (contenuto in un div overflow-none) - (che contiene tutte le foto una sopra l'altra in senso verticale) trasparente, spostare il padding superiore del div a meno 400 pixels(cioè l'altezza di ogni immagine) per ogni valore di "num" e dopodiché far riapparire il div. E fin qui ci sono...
Ora... se volessi che in modo automatico, ad esempio ogni 10 secondi, passasse in automatico alla prossima? come dovrei fare? ho provato con setTimeout e bl bla bla ma non ci riesco... qualcuno saprebbe aiutarmi?
-
In questi casi, io uso proprio setTimeout() come se fosse una pseudo "ricorsiva"... ovvero:
Codice PHP:
function showp(num) {
var molt = 400 * num;
$('#slider').fadeTo('slow', 0,0 )
.animate({ marginTop: '-'+molt+'px' }, 1 )
.fadeTo('slow', 1,0 );
setTimeout('showp()', 10000);
}
Però non ho analizzato il tuo codice e non saprei che valore passare alla funzione...
Ciao!
-
Usare setTimeout ricorsivamente non ha molto senso, è decisamente meglio usare setInterval.