Usa este codigo solo debes cambiar la ruta de las imagenes y buala:
<script language="javascript">
var imagenes=new Array()
imagenes[0]=new Image (380,288);
imagenes[0].src="Imagenes/imagen1.png"
imagenes[1]=new Image (380,288);
imagenes[1].src="Imagenes/imagen2.png"
imagenes[2]=new Image (380,288);
imagenes[2].src="Imagenes/imagen3.png"
imagenes[3]=new Image (380,288);
imagenes[3].src="Imagenes/imagen4.jpg"
cont=0
function presImagen()
{
if (document.all){
document.getElementById('foto').filters.blendTrans .apply()
document.getElementById('foto').src=imagenes[cont].src
document.getElementById('foto').filters.blendTrans .play()
}
else
{
document.images.foto.src = imagenes[cont].src
}
if (cont < imagenes.length-1)
{cont ++}
else
{cont=0}
tiempo=window.setTimeout('presImagen()',5000)
}
</script>
</head>
<body bgcolor="#FFFFFF" text="#000000" onLoad="presImagen()">
<img id="foto" src="tibidabo.jpg" style="filter:blendTrans(duration=
3)">
</body>