aiuto...carosello di immagini che scorrono da sole senza il click

[Kil]

buon giorno a tutti, sto costruendo un sito e vorrei una mano, se possibile sulla seguente cosa:


vorrei realizzare in javascript una striscia che mostra delle foto, in basso come un footer.
uno slide shower che scorra in maniera autonoma senza aspettare alcun evento esterno come il click del mouse.

mi piace questo carosello che ho trovato qui in HTML.it:

http://javascript.html.it/script/ved...o-di-immagini/

script\vedi\5831\un-carosello-di-immagini\

le cui immagini scorrono solo se clicco sopra col mouse...

Ho aperto il file esempio.html e nell'header ho posto:


startingItem: 1 /* parte dalla prima slide */

nella cartella: / waterwheelCarousel / js ho modificato il file jquery.waterwheelCarousel.js, nel punto opportuno:

$('img',data.containerIDTag).animate( function () { /*c'era live(), adesso animate()*/
var itemPosition = $(this).data().currentPosition;
var rotations = Math.abs(itemPosition);
if (itemPosition < 0) {
rotateCarousel(true, rotations);
} else if (itemPosition > 0) {
rotateCarousel(false, rotations);
} else {
options.cickedCenter($(this));
}

});


/* $('#left').click(function () {
rotateCarousel(true,1);
});*/

/* $('#right').click(function () {*/

for (var i = 0; i < 10; i++) {

rotateCarousel(false,1).delay(50000);
rotateCarousel(false,1).delay(50000);
rotateCarousel(false,1).delay(50000);




}

/*});*/

});

};

Adesso parte in maniera automatica, non funziona ancora...

non so come continuare...
un aiuto?
Grazie mille

[Kil]

nessuno mi risponde?...

[xeninweb]

Da quanto ho capito la funzione per scorrere viene chiamata dal click del mouse, e se sotituisci il click, chiamando la funzione con un ciclo temporizzato?

Poi visto che si appoggia a jquery potresti utilizzare la funzione document.ready(), per avviarla al momento che il documento è caricato al 100%.

[Kil]

eh... l'ho già provato, è uguale... nel codice c'era già .ready...

e io per prova l'ho modificato con window.onload function{ ... }

ma funziona uguale lo stesso.

parte da solo, in automatico, gira una slide, e poi si ferma e torna indietro, alla condizione iniziale...

[Kil]

chiaramente ho messo il delay a 3000, ovvero 3 secondi...
ma funziona ancora così.
ho provato con
rotateCarousel(false,11 )
ma non passa alla slide 11...

grazie della risposta... qualcos'altro?

[Kil]

oggi ho fatto questa prova:


ho messo a commento tutto questo blocco nel file jquery.waterwheelCarousel.js , supponendo che serva solo a reagire al click del mouse:
/* $('img',data.containerIDTag).live("click", function () {
var itemPosition = $(this).data().currentPosition;
var rotations = Math.abs(itemPosition);
if (itemPosition < 0) {
rotateCarousel(true, rotations);
} else if (itemPosition > 0) {
rotateCarousel(false, rotations);
} else {
options.cickedCenter($(this));
}
});

$('#left').click(function () {
rotateCarousel(false,1);
});

$('#right').click(function () {
rotateCarousel(true,1);
});*/


ho aggiunto subito dopo:




function repeatSlide()
{
rotateCarousel(true,1);
setTimeout("repeatSlide();",3000);
}



e nell'head della pagina esempio.html ho incluso la chiamata alla funzione:




<script type="text/javascript">
$(document).ready(function () {
$("#waterwheelCarousel").waterwheelCarousel("horiz ontal",{
// include options like this:
// (use quotes only for string values, and no trailing comma after last option)
// option: value,
// option: value
startingItem: 6
});
repeatSlide();
});
</script>

non va proprio. sono tornato alla soluzione con animate() invece di live() nel file jquery.waterwheelCarousel.js

cosa fare?