Problema con las imagenes de intercambio
--------------------------------------------------------------------------------
Hola a todos.
Os explico.
Tengo un código fuente que he copiado de internet. El codigo lo que hace es ir cambiando las imagenes una por otra. El codigo es este:
<HTML>
<HEAD>
<TITLE>Gráficos Animados</TITLE>
<SCRIPT>
<!--
// Cargamos al principio las imágenes
var imgNum=0;
var totalImagenes=4;
imagenes=new Array();
for ( i=0; i<totalImagenes; i++ ) {
imagenes[i]=new Image();
imagenes[i].src="imagen"+i+".jpg"
} // for
// Esta es la funcion que cambia los graficos
function graficosAnimados() {
document.images[0].src=imagenes[imgNum].src;
if( imgNum<totalImagenes-1 ) {
imgNum++;
} else {
imgNum=0;
}
setTimeout( "graficosAnimados();",1000);
} // function graficosAnimados
// -->
</SCRIPT>
</HEAD>
<BODY onLoad="graficosAnimados();">
<img src="imagen0.jpg">
</BODY>
</HTML>
El problema es que se cargan en el BODY, y no sé como hacer para que se cargen en, por ejemplo, en una celda de una tabla.
He probado mil y un intentos, he intentado estudiar otros ejemplos, llevo todo el día perdido con esto, pero estoy empezando con este lenguaje y no he podido conseguir lo que seguro ha de ser realmente fácil.
En fin... espero puedan ayudarme.
Gracias.
josemauricio