Ciao, vorrei creare un div contenente una immagine e che questa immagine cambiasse ogni tot secondi. Ho fatto in questo modo ma non va eppure il ragionamento mi sembra giusto:

codice:
<html>
	<head>
		<style type='text/css'> 
		body {
			width: 100%;
			background: grey;
		}
		#container {
			width: 820px;
			background: red;
		}
		</style>


		<script language="JavaScript" type="text/javascript">
			var indice = 1;
			var numFoto = 4;
			var foto = new Array(numFoto);
			foto[1] = "a.png";
			foto[2] = "b.png";
			foto[3] = "c.png";
			foto[4] = "d.png";
			vat tempo = setTimeout('immagine()', 2000);
			function immagine() {
				indice++;
				if(indice > numFoto) {
					indice = 1;
				}
				document.firstChild.lastChild.firstChild.firstChild.src = foto[indice];
				tempo = setTimeout("immagine()", 2000);
			}
		</script>		
	</head>


	<body>
		<div name="modulo">
			<img src="#" nome="fotografia">
		</div>
	</body>
</html>
Grazie