Ver Mensaje Individual
  #4 (permalink)  
Antiguo 23/03/2011, 13:02
Avatar de Naahuel
Naahuel
 
Fecha de Ingreso: marzo-2011
Ubicación: localhost
Mensajes: 796
Antigüedad: 13 años, 10 meses
Puntos: 192
Respuesta: Div rotatorios

La ventaja de jQuery es que tiene una sintaxis muy sencilla de leer y seguir. Te explico un poquito algunas líneas:

var cajas = $('#caja div');: Obtener todos los DIV dentro del elemento con id #caja
var tiempo = 1000;: Tiempo del intervalo de pausa entre cada cambio
setInterval(function(){
var actual = $('#caja div.actual'): Obtener el DIV con la clase .actual
_siguiente(actual);: Llamar a la funcion siguiente para que pase al DIV que le sigue a actual.
}, tiempo);

Función _siguiente:

actual.removeClass('actual');: Quitar la clase .actual al DIV actualmente visible (es decir que se ocultará)
var ind_actual = cajas.index(actual) + 1; Obtener el índice del elemento que le sigue al actual en la variable cajas.
if(ind_actual >= cajas.length){ind_actual = 0}: Si el índice obtenido es mayor o igual al número de DIVs dentro de cajas, poner el índice en 0 para empezar con el primero nuevamente.
$(cajas.get(ind_actual)).addClass('actual');: Agregar clase actual al elemento cuyo indice se obtuvo en las líneas anteriores.

Espero esté claro :)