Visualizzazione dei risultati da 1 a 2 su 2

Discussione: Sequenza immagini

  1. #1

    Sequenza immagini

    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

  2. #2
    Utente di HTML.it
    Registrato dal
    Oct 2009
    Messaggi
    636
    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>

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2021 vBulletin Solutions, Inc. All rights reserved.