Visualizzazione dei risultati da 1 a 3 su 3
  1. #1

    Problema con temporizzazione

    Salve a tutti
    Sto cercando di costruire un piccolo slideshow tramite il javascript e la libreria jquery.
    Il risultato da me ottenuto fino ad ora è questo:
    Codice PHP:
            <script type="text/javascript">
                $(
    document).ready(function(){
                    
                    var 
    attuale=0;
                    $(
    "#top img").bind('click',Slide);
                     
                     function 
    Slide(){
                         var 
    selettore='.'+attuale;
                         var 
    selettore2='.'+((attuale+1)%2);
                         $(
    selettore).fadeOut(500,function(){$(selettore2).fadeIn(500);})
                         
    attuale=((attuale+1)%2);
                     }
                 
                 });
            
    </script> 
    fino a qui tutto bene, quando clicco sull'immagine contenuta nel div top, questa sparisce e si sostituisce con l'altra in maniera ciclica.
    Se ora volessi far si che la funzione Slide venisse richiamata automaticamente dopo un intervallo di 5 secondi?
    Ho già visto che esiste la funzione setInterval, ma mi da due di picche
    Qualcuno di voi, buone anime, può aiutarmi?

  2. #2
    Eh mi sa che ti server proprio setInterval, cos'è che non ti funziona quando la chiami?
    Visita il mio blog e canale YouTube dedicati a programmazione web e sicurezza informatica.

  3. #3
    Non succede nulla
    Forse sbaglio a posizionarlo
    Codice PHP:
                $(document).ready(function(){
                    
                    var 
    attuale=0;
                    $(
    "#top img").bind('click',Slide);
                      
    setInterval("Slide();",5000);
                     function 
    Slide(){
                         var 
    selettore='.'+attuale;
                         var 
    selettore2='.'+((attuale+1)%2);
                         $(
    selettore).fadeOut(500,function(){$(selettore2).fadeIn(500);})
                         
    attuale=((attuale+1)%2);
                     }
                 
                 }); 

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.