1.- ¿Hay que poner algo antes en el script, o empieza ahí, sin $(document).ready(function()?
2.- ¿Cómo va el html, basta poner al div una class="rotating-item" o hay que meter id a cada imagen?
3.- ¿numberOfItem es una función interna de jQuery, o hay que cambiarlo por un entero?
Aquí está el código:
Código Javascript:
Ver original
// interval between items var itemInterval = 5500; var infiniteLoop;//this contains the id of the interval to be used in clearinterval by the way setTimeout(function(){ // this code will run only once, one second after the page loads. myFunc(); infiniteLoop = setInterval(myFunc, itemInterval); // commence loop that will run forever unless you use clearinterval(infiniteLoop); }, 1000); // start loop function myFunc() { // this code will run every time the function is called // initial fade out $('.rotating-item').eq(currentItem).fadeOut(fadeTime); // set counter if (currentItem == numberOfItem -1) { currentItem = 0; } else { currentItem++; } // next item fade in $('.rotating-item').eq(currentItem).fadeIn(fadeTime); }