Ciao a tutti!
Voi disturbo di nuovo su questo forum, per chiedere di nuovo il vostro gentile aiuto:
http://www.davidearchetti.com/test2/
Sto usando un codice javascript per fare looping dell'immagine. Vorrei che tra un'immagine e l'altra ci fosse una dissolvenza. Ho cercato in giro, ma non ci sono codici già pronti che lo fanno e io non ne so molto di JS. Riporto in basso il codice che ho messo nell'head.
Ho anche un altro problema con CSS, che ho postato in altra sezione.
Qualche esperto mi aiuta? Grazie mille e scusate il disturbo!
A presto!
Codice:
<script type="text/javascript">
var pictureArchive= ['images/1.jpg','images/2.jpg','images/3.jpg','images/4.jpg'];
window.onload=function() {
var o=document.createElement('img');
o.setAttribute('id', 'image');
o.setAttribute('src', pictureArchive[0]);
o.setAttribute('alt', '');
document.getElementById('imagebox').appendChild(o) ; NOTA: IMAGEBOX E' IL DIV DOVE HO MESSO L'IMMAGINE!!!!!
rotate(pictureArchive.length);
}
function rotate(idx) {
if(idx>=pictureArchive.length) {
idx=0;
}
document.getElementById('image').src=pictureArchiv e[idx++];
timerID=setTimeout('rotate('+idx+')', 5000);
}
</script>
Rispondi quotando
