Slideshow con efecto fade en Javascript

Ir a Diseño, Elementos de la página y añadir un gadget HTML/Javascript.

Poner el siguiente código:

<script src="http://dl.dropbox.com/u/19457418/jsvku/fadeslideshowvku.js" type="text/javascript">
</script><center><script type="text/javascript">
// http://loseasi.blogspot.com/
//<![CDATA[
var fadeimages=new Array()

//fadeimages[#]=['Imagen', 'Link URL', 'Link Target blank o self', 'Título Texto']

fadeimages[0]=['URL IMAGEN 1/como-se-hace-lo-se-asi-cabezera.png', 'http://loseasi.blogspot.com/', '_blank', '¿Cómo se hace?']

fadeimages[1]=['URL IMAGEN 2/meli.jpg', 'http://melmysweetworld.blogspot.com/', '_blank', 'Visite My Sweet World']

fadeimages[2]=['URL IMAGEN 3/vitua.png', 'http://vitua.blogspot.com/', '_blank', 'VituaRadio']

fadeimages[3]=['URL IMAGEN 4/1.jpg', 'http://susis-mysticriver.blogspot.com/', '_blank', 'Mystucriver']

var fadebgcolor='blue'

//new fadeshow(Ancho imagen, Alto imagen, borde, velocidad, pause on mouseover (0=no, 1=si))
new fadeshow(fadeimages, 550, 128, 0, 4000, 1)
//]]>
</script></center>

Si quieren pueden mostrar mas imágenes agregando la siguiente línea:

fadeimages[0]=['URL IMAGEN/como-se-hace-lo-se-asi-cabezera.png', 'http://loseasi.blogspot.com/', '_blank', '¿Cómo se hace?']

Tener en cuenta que cada imagen tiene su numero (ID) y no se puede repetir. [0], [1], [2], [3], [4], [5], etc..

En cada línea tiene que ir con el siguiente orden:

1. La URL de la imagen.
2. El link que se dirigirán al hacer clic sobre la imagen.
3. El target, que puede ser blank o self.
4. El título.

Mas abajo vemos la siguiente línea:

new fadeshow(fadeimages, 550, 128, 0, 4000, 1)

Donde:

1. 55o, Va el ancho de la imagen.
2. 128, Va el alto de la imagen.
3. 0, Es el borde. (En este caso no le puse borde)
4. 4000, Es la velocidad. (Mayor es mas lento)
5. 1, Elegir entre 1 o 0 para parar al pasar el mouse por encima de la imagen. (0=no, 1=si)

Colocar el gadget en el lugar que más les guste para mostrar las imágenes.