Sequenza immagini

**sirmsym80** · 09-11-2013, 15:13

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

**longilineo** · 09-11-2013, 16:13

se in immagine metti un id, puoi fare

codice:

<img src='#' id='fotografia' />

<script>
    function scorri(){
        var el = document.getElementById('fotografia');
        el.src = myArr[indice];
        indice = (indice + 1) % (myArr.length);
   }

    var indice = 0, myArr = ['a.png', 'b.png', 'c.png', 'd.png'];
    scorri();
    setInterval(function(){scorri(myArr);}, 2000);
</script>

Discussione: Sequenza immagini

Strumenti discussione

Ricerca discussione

Visualizza

Sequenza immagini

Permessi di invio