23/03/2011, 13:02
|
| | | 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 :) |