Curso de jQuery | Slider con jQuery 1

Curso de jQuery
Slider con jQuery

Curso de jQuery | Slider con jQuery 2

Ejercicios

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

Curso de jQuery | Slider con jQuery 3

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);
}