Banner animado con CSS

[babieka]

He visto esta página web en CSSbeauty en este link:
http://southcreative.com.au/

Me gustaría saber como han hecho ese slideshow banner del principio de la web que se ven las pantallas de ordenador. Se que han usado z-index y opacity pero me sorprende el resultado de hacerlo sin usar flash. Quiero este método para las páginas web que estoy construyendo y usar CSS completamente para esto me gusta.
Gracias!

[juaniquillo]

esta pagina utiliza javascript para hacer esas trasiciones. Específicamente, este plugin de JQuery:
http://malsup.com/jquery/cycle/

[babieka]

Gracias Juaniquillo por tu respuesta. He intentado estos días conseguir algún tutorial de jquery cycle pero aparte de la demo de la web que me indicas no he encontrado nada más. He intentado realizar el ejemplo de

http://malsup.com/jquery/cycle/begin.html

pero no me funciona. No se que hacer. He cargado las librerías en el código y el css pero no logro que haga caso...

[Mikmoro]

Mira, he hecho un ejemplo. No es difícil de hacer.

Solo necesitas bajaste los dos archivos javascript

http://www.araudi.net/forosdelweb/js/jquery-1.2.1.js
http://www.araudi.net/forosdelweb/js...le.all.pack.js

y copiarte el código html.

Mikel.

[babieka]

Muy util tu ejemplo, muchas gracias, lo voy entendiendo mejor, pero no acabo de entender los valores z-index y opacity. Se que z-index, indica el nivel de capa para mostrar las imágenes pero no entiendo de donde se saca el valor de opacity. Se calcula de alguna manera?

[Mikmoro]

Iniciado por babieka

Muy util tu ejemplo, muchas gracias, lo voy entendiendo mejor, pero no acabo de entender los valores z-index y opacity. Se que z-index, indica el nivel de capa para mostrar las imágenes pero no entiendo de donde se saca el valor de opacity. Se calcula de alguna manera?

Pues supongo que lo lleva de 0 a 10 y viceversa, pero no sé exactamente dónde. En el Javascript de jquery hay muchas referencias a opacity.

Mikel.