Haber logre hacer que me cambiara el fondo de un <td> pero ahroa quiero darle un poco mas de diseño...
esto es lo que e hecho
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin título</title>
</head>
<script language="javascript">
var fondos=new Array()
fondos[0]="fondo1";
fondos[1]="fondo2";
fondos[2]="fondo3";
cont=0
function presImagen() {
document.getElementById("foto").className=fondos[cont];
if (cont < fondos.length-1)
{cont ++}
else
{cont=0}
tiempo=window.setTimeout('presImagen()',3000)
//cada 3000 milisegundos (5 seg.) cambia la imagen.
}
</script>
<style type="text/css">
.fondo1 {
background-image: url(ima1.jpg); background-repeat: no-repeat;
}
.fondo2 {
background-image: url(ima2.jpg); background-repeat: no-repeat;
}
.fondo3 {
background-image: url(ima3.jpg); background-repeat: no-repeat;
}
</style>
</head>
<body bgcolor="#FFFFFF" text="#000000" onLoad="presImagen()">
<table width="400" height="265" border="0" cellpadding="0" cellspacing="0">
<tr >
<td height="265" align="center" valign="top" class="fondo1" id="foto" >esta es imagen de fondo</td>
</tr>
</table>
</body>
</html>
pero lo que quiero es que cada vez que se cambia una imagen lo haga con un cambio gradual como esta hecho en este ejemplo pero es de un div.
http://www.cafebar2001.cl/efecto/
se podra?, haber si a alguien se le ocurre???, ya toy tirando la esponja...