Es para un carrusel de imágenes, las fotos se van turnando y cuando llega la última se repite la serie como un bucle infinito. Dudas:
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);
}