[JQuery] Autoplay in slideshow

[simba92]

Ciao a tutti! Sto creando un sito in HTML e volevo inserire una slideshow particolare: la mia idea era di una pila di foto che scorrono una sopra l'altra. Ho trovato uno script girando su internet, ma di jquery ne so poco.. negli altri siti che ho fatto ho sempre inserito jquery javascript e cose così e questa slideshow è quello che cerco.

http://www.winformatica.altervista.o...jQ_jStack.html

Mi chiedo però se in questa slideshow ci fosse il modo di impostare una sorta di autoplay, in modo che le foto vadano avanti da sole, senza bisogno dei pulsanti. Qualcuno sa se si può e come si fa? grazie mille

[KillerWorm]

Ciao, da quel che ho visto, su jStack non sembra esserci un'opzione per l'autoplay.
Per risolvere semplicemente puoi impostare un normale intervallo javascript con setInterval() che richiami la funzione next() dell'istanza di jStack.

Aggiungi questo da qualche parte dopo lo script che imposta l'istanza di jStack:

setInterval(function(){tuoSlideshow.next()},3000);

Chiaramente tuoSlideshow è l'istanza di jStack che avrai impostato preventivamente.
3000 è il tempo dell'intervallo espresso in millisecondi, cioè 3 secondi, che ovviamente puoi modificare a tuo piacimento.

[simba92]

Sei stato gentilissimo!! Questo devo inserirlo in jstack.js giusto?

Grazie mille!

[KillerWorm]

Questo devo inserirlo in jstack.js giusto?

No, non esattamente.
Dovrai inserirlo nella tua pagina html dopo che viene istanziato lo slideshow.

Non so come tu abbia impostato questa parte sulla tua pagina html ma, se facciamo riferimento alle istruzioni della pagina che hai linkato, puoi inserire il setInterval dentro la funzione window load.
Dovresti avere una cosa del genere:

$(window).bind("load", function() {
    // jStack
    var jstack = $("#imageBox").jStack(options); // QUI VIENE CREATA UN'ISTANZA DI jStack

   // A QUESTO PUNTO PUOI IMPOSTARE L'INTERVALLO CHE RICHIAMA IL METODO next() DI TALE ISTANZA
   setInterval(function(){jstack.next()},3000); 

    $("#next").click(function() {
        jstack.next();
    });
    $("#prev").click(function() {
        jstack.prev();
    });
    $("#shuffle").click(function() {
        jstack.shuffle();
    });
});