Visualizzazione risultati 1 fino 3 di 3

Discussione: problema con JQuery

  1. #1
    Guest

    Predefinito 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?
    Ultima modifica di londondream : 09-06-2011 alle ore 10.03.34

  2. #2
    L'avatar di alemoppo
    alemoppo non è connesso Staff AV
    Data registrazione
    24-08-2008
    Residenza
    PU / BO
    Messaggi
    22,191

    Predefinito

    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!

  3. #3
    karl94 non è connesso Staff AV
    Data registrazione
    03-10-2005
    Messaggi
    17,744

    Predefinito

    Usare setTimeout ricorsivamente non ha molto senso, è decisamente meglio usare setInterval.

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •