Salve,
sto cercando di fare una pagina HTML nella quale c'è un riquadro dove scorrono 5 immagini tramite una funzione JavaScript.
Vorrei però riuscire a far si che lo scorrimento di queste immagini avvenga in dissolvenza;
esattamente come questo sito: http://www.sairem.com/ (solo che qui viene fatto in Flash e io voglio farlo in JS).
Vi copio incollo il codice che ho già sviluppato:
nella pagina "index.html"
<script type="text/javascript" src="main.js"></script>
...
<body onload="changeImg()">
...
<div id="banner">
<img id="mainImg" src="images/1.jpg" width="940" height="175" alt="" />
</div>
nella pagina "main.js"
var index = 1;
function changeImg() {
index ++;
if(index > 5) index = 1;
var img = document.getElementById("mainImg");
img.src = "images/"+index+".jpg";
setTimeout("changeImg()",5000);
}
*****************
qualcuno sa darmi una mano?
Grazie anticipatamente!
sto cercando di fare una pagina HTML nella quale c'è un riquadro dove scorrono 5 immagini tramite una funzione JavaScript.
Vorrei però riuscire a far si che lo scorrimento di queste immagini avvenga in dissolvenza;
esattamente come questo sito: http://www.sairem.com/ (solo che qui viene fatto in Flash e io voglio farlo in JS).
Vi copio incollo il codice che ho già sviluppato:
nella pagina "index.html"
<script type="text/javascript" src="main.js"></script>
...
<body onload="changeImg()">
...
<div id="banner">
<img id="mainImg" src="images/1.jpg" width="940" height="175" alt="" />
</div>
nella pagina "main.js"
var index = 1;
function changeImg() {
index ++;
if(index > 5) index = 1;
var img = document.getElementById("mainImg");
img.src = "images/"+index+".jpg";
setTimeout("changeImg()",5000);
}
*****************
qualcuno sa darmi una mano?
Grazie anticipatamente!