Impostare il tempo

nofcfro · 28 Set 2012

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 · 28 Set 2012

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 · 28 Set 2012

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 · 28 Set 2012

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 · 28 Set 2012

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

nofcfro · 29 Set 2012

Grazie ma non funziona

Cerca

Cerca

Impostare il tempo

nofcfro

Utente Attivo

cavaliere123

Utente Attivo

nofcfro

Utente Attivo

cavaliere123

Utente Attivo

criric

Super Moderatore

nofcfro

Utente Attivo

Discussioni simili