como hacer una presentacion de imagenes con opacidad?

pakillo · #1 (**permalink**) 14/12/2013, 14:24

Hola, busco hacer algo como este ejemplo que encontre, pero que inicie en cuanto cargue la pagina, algo lo mas sencillo posible porque es solo para tres imagenes que tienen que ir cambiando cada cierto tiempo con opacidad.
el ejemplo es este

http://tunait.com/javascript/?s=pres...agenes3#codigo

Saludos

Encontre este ejemplo en las faq's
http://www.forosdelweb.com/wiki/Java...utom%C3%A1tico
pero como podria hacer para agregarle la opacidad para que no se vea tan brusco el cambio de imagen?

Crazylegs · #2 (**permalink**) 14/12/2013, 15:56

Si te fijas en el código fuente del ejemplo que has pasado, cuando se hace click en la imagen llama a la función inicio() que inicia la presentación y pasa a la siguiente imagen.

Para que se inicie automáticamente cuando se cargue la página, podrías hacerlo en el onload del body:

Código HTML:

Ver original<body onload="inicio();">
...

pakillo · #3 (**permalink**) 14/12/2013, 18:37

Hola, gracias por responder, consegui hacerlo funcionar, de todas formas habia encontrado un ejemplo en jquery que me parecio mas sencillo y se adapta mejor a lo que queria hacer.
Lo dejo aqui por si a alguien le interesa.

http://cartonwebs.es/una-galeria-de-...uery-sencilla/

Saludos