crear un slider

[jesus_e_borquez_m]

Lo que pasa es que quiero crear un pequeño slider de un calendario, pero no encuentro como poder hacerlo, las imagenes ya las tengo, no se si me podrían sugerir algún sitio donde pueda encontrar la manera de hacerlo, de antemano agradezco su respuesta.

[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.

[jesus_e_borquez_m]

Muchas gracias, es lo que buscaba