puedes probar a poner una secuencia de imágenes y a las imágenes les pones el tamaño de la pantalla. luego pones el contenido de la página encima de la secuencia (puedes usar css para definir la apilación de los elementos de la página con la propiedad
z-index):
Código PHP:
<style type="text/css">
#foto {
position:fixed; top:0%; left:0%;
z-index:0;
}
div {
z-index:2;
}
</style>
<script language="javascript">
//Aquí cambia los nombres de las imágenes por las tuyas.
var imagenes=new Array()
imagenes[0]=new Image (380,288);
imagenes[0].src="imagen1.jpg"
imagenes[1]=new Image (399,291);
imagenes[1].src="imagen2.jpg"
imagenes[2]=new Image (248,289);
imagenes[2].src="imagen3.jpg"
imagenes[3]=new Image (215,366);
imagenes[3].src="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)
//cada 5000 milisegundos (5 seg.) cambia la imagen.
//cambia la cantidad por el tiempo que quieras que transcurra entre imagen e imagen
}
</script>
</head>
<body bgcolor="#FFFFFF" text="#000000" onLoad="presImagen()">
<img id="foto" src="imagen1.jpg" style="filter:blendTrans(duration=[b]3[/b])" width="100%" height="100%">
<!-- la duración de la transición es de 3 segundos.
Cambia este valor según tus preferencias -->
<div>
Contenido de la web
</div>
</body>
NOTA: script sacado de las [url=http://www.forosdelweb.com/f13/faqs-javascript-indice-tematico-117856/]faq's de java script[/url] de este mismo foro