Come visualizzare una serie di immagini.

[Claudiocofani]

Salve a tutti, è la prima volta che mi registro in un forum e non so bene come funziona, sto costruendo un nuovo sito e volevo nella home page visualizzare un'immagine che ogni 2 3 secondi cambiasse il tutto all'interno di una div.

Ho provato con la funzione setinterval, ma non sono riuscito a farla funzionare.

Vi copio l'orrendo pezzo di codice che ho scritto, sicuramente sapete come fare, se avete codice che possa fare il caso, vi sarei grato se me lo passasse...

grazie mille anticipatamente !!!!



<div style="position: absolute; width: 410px; height: 307px; z-index: 5; left: 263px; top: 158px; border-style: outset; border-width: 3px" id="livello9">
<p style="margin-top: 0; margin-bottom: 0">
<img border="0" id="Immagine001">

<script type="text/javascript">

var Immagine = new Array();
var Conta = 0;

Immagine[0] = new Array('images/link/KoiGarden.jpg');
Immagine[1] = new Array('images/link/KoiGarden.jpg');
Immagine[2] = new Array('images/link/KoiGarden.jpg');
Immagine[3] = new Array('images/link/KoiGarden.jpg');
Immagine[4] = new Array('images/link/KoiGarden.jpg');

x = window.setInterval("CaricaImmagine()", 2000);

function CaricaImmagine() {

Conta=Conta+1;
y = Immagine001.src(Immagine(Conta));
}
</script>

</div>

[floyd]

credo ci siano solo due errori
Immagine[0] = 'images/link/KoiGarden.jpg';
...
function CaricaImmagine() {
Conta = (Conta+1) % Immagine.length; // per non superare la lunghezza dell'array
var Immagine001 = document.getElementById('id_dell_immagine');
Immagine001.src = Immagine(Conta);
}

[Claudiocofani]

Grazie mille floyd ora provo subito e ti faccio sapere, mi fa piacere sapere che ero sulla buona strada, ma ho molta strada da fare ancora, il primo errore non l'ho capito molto, cosa dovrei cambiare ??

[Claudiocofani]

Floyd ho corretto il codice così

<script type="text/javascript">

var Immagine = new Array();
var Conta = 0;

Immagine[0] = 'images/link/KoiGarden.jpg';
Immagine[1] = 'images/link/KoiGarden.jpg';
Immagine[2] = 'images/link/KoiGarden.jpg';
Immagine[3] = 'images/link/KoiGarden.jpg';
Immagine[4] = 'images/link/KoiGarden.jpg';

x = window.setInterval("CaricaImmagine()", 2000);

function CaricaImmagine() {

Conta=(Conta+1)% Immagine.length;
var Immagine001 = document.getElementById('id_dell_immagine');
Immagine001.src = Immagine(Conta);

}
</script>

</div>


....... sto usando frontpage, quando vado in anteprima dopo i due secondi mi da errore di script ..... ma ho scritto tutto bene ??

[floyd]

una cosa che prima non avevo visto
Immagine001.src = Immagine[Conta];
poi, l'id dell'img è impostata?

[Claudiocofani]

<div style="position: absolute; width: 410px; height: 307px; z-index: 5; left: 263px; top: 158px; border-style: outset; border-width: 3px" id="livello9">
<p style="margin-top: 0; margin-bottom: 0">
<img border="0" id="Immagine001"> ----->per Id intendi questa istruzione ??

<script type="text/javascript">

var Immagine = new Array();
var Conta = 0;

Immagine[1] = 'images/link/KoiGarden.jpg';
Immagine[2] = 'images/link/KoiGarden.jpg';
Immagine[3] = 'images/link/KoiGarden.jpg';
Immagine[4] = 'images/link/KoiGarden.jpg';

x = window.setInterval("CaricaImmagine()", 2000);

function CaricaImmagine() {

Conta=(Conta+1) % Immagine.length;
if (Conta > 5) {Conta = 1}
var Immagine001 = document.getElementById('id_dell_immagine');
Immagine001.src = Immagine[Conta];

}
</script>

</div>

[Claudiocofani]

function CaricaImmagine() {

Conta=(Conta+1) % Immagine.length;
if (Conta > 5) {Conta = 1}
var Immagine001 = document.getElementById('id_dell_immagine');
Immagine001.src = Immagine[Conta];

}

Floyd volevo anche chiederti se va bene come ho modificato la funzione di visualizzazione delle immagini, teoricamente dovrebbe ciclare all'infinito su quelle 5 immagini in questo modo, secondo te è giusto ??

[Claudiocofani]

FUNZIONA !!!!!!!!!

Grazie per i preziosi consigli FLOYD, se un giorno ti dovesse servire un consiglio per un qualche bonsai chiedi pure ........

Spero a Gennaio di uscire con questo nuovo sito, spero anche gli darai un'occhiata !!

devo ancora risolvere dei problemini, ma spero di farcela, di nuovo grazie mille !!!

[floyd]