Curso de jQuery | 7. Slider con jQuery

Por 9.99€ al mes tendrás acceso completo a todos los cursos. Sin matrícula ni permanencia.

Ejercicios

Para poder hacer el slider, utilizaremos la siguiente distribución de capas.

1. Empezando

2. Con un solo botón

3. Con efecto

Pista: 

$(".capa:nth-child("+elemento+")").css("opacity", 1).css("transform","scale(1)");

4. Sin definir número de elementos

Pista:

var numero_elementos = $("#layers .capa").length;

5. Slider que avanza automáticamente

Pista 

setInterval(avanza, 1000);

6. Con cambio de dirección

if(contador>=n-1|| contador <1){
	signo = signo*(-1);
}