crear un slider

[Anonimo12]

Es bastante sencillo aunque pueda parecer lo contrario. Solo tienes que crear un bloque que hará de contenedor y darle el tamaño que quieras que tenga el slider.

Código HTML:

<section id="slider">
...
</section>
 

Dentro iran las imágenes (todas ellas):

Código HTML:

<section id="slider">
<img src="./img/image1.png">
<img src="./img/image2.png">
<img src="./img/image3.png">
<img src="./img/image4.png">
</section>
 

Las ocultamos con CSS:

Código CSS:

#slider img {
opacity: 0;
height: 0;
}
 

Ahora no hay más que usar JavaScript en 3 pasos:
1. Creamos un temporizador que cada X segundos ejecute los 2 siguientes pasos.
2. Oculta la imagen actual (accediendo a su style.opacity y poniéndolo a 0).
3. Mostrando la imagen siguiente (accediendo a su style.opacity y poniéndolo a 1).

Aquí tienes otra opción ya programada: http://www.menucool.com/javascript-image-slider

Descárgate los ejemplos y le echas un vistazo. Un saludo.