Impostare il tempo

nofcfro

Utente Attivo
27 Mag 2012
72
0
6
Salve,
stavo mettendo una sequenza di immagini fatta con jquery (fonte: http://blog.themeforest.net/tutorials/how-to-integrate-the-jquery-galleria-and-jcarousel-plugins/ ) e però non riesco a impostare l'autoscorrimento automatico. Siccome conosco poco javascript, qualcuno può darmi una mano? Riporto qui sotto il pezzo da modificare. Grazie Anticipatamente :)

Codice:
    var slideshow,
        slideshowPause =  $('#slideshow-pause').val() 

    $('#slideshow-pause').change(function(){
        slideshowPause = this.value
        
        // clear interval when timeout is changed
        window.clearInterval(slideshow)

        // and set new interval with new timeout value
        slideshow = window.setInterval(function(){
            $.galleria.next()
        }, slideshowPause * 1000) // must be set in milisecond
    })

    $('input#toggle-slideshow').change(function(){
        if (this.checked) {
            $('#slideshow').fadeIn()
            
            // set interval when slideshow is enabled
            slideshow = window.setInterval(function(){
                $.galleria.next()
            }, slideshowPause * 1000)
        } else {
            $('#slideshow').fadeOut()
            
            // clear interval when slideshow if disabled
            window.clearInterval(slideshow)
        }
    })
});
 

cavaliere123

Utente Attivo
31 Lug 2012
415
0
0
Buonasera, di sicuro i sommi sapienti non saranno al pc, cmq vedo se con un esempio posso darti una mano, ti posto uno script che da un array di immagini ne prende una dopo l'altra e la inserisce in un <div> ad intervalli regolari :

HTML:
<html>
    <head>

var immagini = new Array();   
       
immagini[0]= "<img src='immagine0.jpg' alt='immagine'/>";
immagini[1]= "<img src='immagine1' alt='immagine'/>";
immagini[2]= "<img src='immagine2.jpg' alt='immagine'/>";
immagini[3]= "<img src='immagine3' alt='immagine'/>";
immagini[4]= "<img src='immagine4' alt='immagine'/>";

<script type="text/javascript">


// imposti subito il primo elemento 0
    document.getElementById('immagine').innerHTML =immagini[0];
    // inizializzi il contatore al secondo elemento 1
    var ad=1
    function inserire() { 
        if (ad==immagini.length) { 
            ad=0; 
        }
        document.getElementById('immagine').innerHTML =immagini[ad];
        ad++ 
 

} 
    setInterval('inserire()',4000);

       </script>



    </head>
    <body>

 <div id = "immagine"></div>

</body>
</html>

spero ti possa essere utile.
 

nofcfro

Utente Attivo
27 Mag 2012
72
0
6
Grazie!
Non mi è utile in questo caso specifico perché qui il jquery in questione comprende sia lo slideshow che l'jcarousel,
però quello che mi hai postato è un codice che mi tornerà sicuramente utile per altre occasioni.
Grazie :)
 

cavaliere123

Utente Attivo
31 Lug 2012
415
0
0
Mi spiace, ma sono solo un neofita.... cmq grazie per la tua gentilezza.
Se ti servono esempi ormai ne ho a decine prese tutte da questo forum, alla prossima e buona serata :)
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Ciao,
ti sposto in jquery

prova a cambiare
Codice:
slideshowPause =  $('#slideshow-pause').val();
con questo
Codice:
slideshowPause = 2;

ma non ti assicuro, è solo la prima idea che mi è venuta in mente
perche nel esempio online c'è una tendina con il valore da cambiare
 
Discussioni simili
Autore Titolo Forum Risposte Data
giancadeejay Impostare tempo per vedere un immagine nell'array. Javascript 2
S impostare un testo e una img nella stessa riga con jsPDF Javascript 0
K Impostare scala di proporzione (Indesign) Webdesign e Grafica 0
S Impostare attributo "onclick" Javascript 5
G Impostare suggerimenti campo text di un form Javascript 2
K [MySQL] Impostare Database MySQL 2
Tommy03 Variabile PHP per impostare una proprietà CSS PHP 2
Cosina [PHP] Impostare colore singolo elemento in fwrite PHP 2
P impostare due Vlan su router - dhcp su seconda sottorete e statico su prima Reti LAN e Wireless 0
G [HTML] Impostare dimensione immagini in un div HTML e CSS 2
D Consiglio su come impostare IP statico Reti LAN e Wireless 0
G [PHP] composer: impostare l'autoloading più facilmente PHP 0
A [Javascript] Impostare immagine sfondo da checkbox, sito web Javascript 1
Trapano [PHP] come impostare un if else PHP 10
M [Photoshop] impossibile impostare Profilo colori Photoshop 1
booklisa [PHP] Impostare constanti nelle url PHP 7
ANDREA20 [PHP] Non riesco ad impostare reset password invio via email PHP 6
S impostare colore sfondo di ogni cella di una datagridview Visual Basic 1
A impostare una query con operatori condizionali MySQL 1
LuigiDonato Come Impostare Tabelle MySQL 2
R Problema impostare valore textbox MS Access 0
D Select concatenate impostare di default dato memorizzato Javascript 4
M Consiglio su come impostare intervista conoscitiva con cliente per sito ad un gruppo musicale. Discussioni Varie 3
M Impostare sfondo Sviluppo app per Android 1
F [RISOLTO]js function per impostare minimo totale Javascript 8
Emix [RISOLTO]Impostare focus su textbox dopo foreach jQuery 16
A impostare la posizione iniziale di un blocco Javascript 0
A hover impostare bordo HTML e CSS 9
B Impostare cartella temporaea immagine Javascript 1
B Impostare permessi su XAMPP Apache 0
T Impostare un controllo da database, di dati immessi in un form asp Classic ASP 6
T impostare il controllo dei dati immessi dagli utenti su form asp Classic ASP 8
G Come impostare il formato data per mysql MySQL 11
nim Impostare gli area tag HTML e CSS 3
S Come posso impostare a grandi linee questa tabella? PHP 8
P impostare e salvare impaginazione sito PHP 0
A Impostare tabelle per forum e codice php PHP 7
S Come impostare campi non obbligatori php PHP 5
SolidSnake4 impostare htaccess su aruba Hosting 1
A impostare un immagine con css HTML e CSS 17
H Creare una pagina che si collega a keepvid. come impostare il form? HTML e CSS 3
B Impostare un DIV in primo piano e un'altro DIV in secondo piano HTML e CSS 2
B impostare media player 11 Windows e Software 3
B impostare una pagina coi css HTML e CSS 1
G chido aiuto per impostare rete wifi Reti LAN e Wireless 0
S [VB.NET 2005 Express] Impostare una variabile Programmazione 0
Y impostare excel PHP 0
S impostare la index page HTML e CSS 3
D Impostare Invio Email HTML e CSS 3
R Variabile per impostare la tabella di una select Classic ASP 2

Discussioni simili