sto lavorando ad uno script che, dato un vettore di immagini, carichi l'immagine corrispondente all'indice del vettore in un div.
L'array è questo:
all'inizio lo script si limitava a visualizzare un'immagine sola nel div, in seguito l'ho modificato affinchè potesse mandare in output un'immagine diversa ad ogni click di un'altra immagine (che opera come bottone) e ho aggiunto un removeChild per evitare sovrapposizioni una volta che si clicca su un altro bottone. Purtroppo adesso lo script, prima funzionante, non esegue più. Di seguito il codice:ArrayImmagini = new Array ("immagine1.jpg","immagine2.jpg","immagine3.jpg"," immagine4.jpg","immagine5.jpg");
function insertImg(quale)
{
if(document.getElementById)
{
obj = document.getElementById("highlights");
for (i=0;i < ArrayImmagini.length; i++)
{
if (i==quale){
immagine = document.createElement("IMG").setAttribute("src",A rrayImmagini[i]);
obj.appendChild(immagine);
}
else
{
obj.removeChild(immagine);
immagine = null;
}
}
}
Avevo provato anche togliendo la prima condizione (if document.getElementById) ma non è servito.L ' HTML è questo invece:
In sintesi, nella funzione insertImg il valore (0) è l'indice del vettore, a cui deve corrispondere l'immagine alla posizione 0 (Immagine1.jpg), cosicchè, cliccando sopra cielorosso.jpg, compaia nel div highlights una nuova immagine. Ma invece non capita nulla, eppure il codice "sembra" corretto. Qualcuno può gentilmente dirmi dove si trova l'errore?<a href="javascript:insertImg(0);">
<div id="cont1" class="contenitore" /> [img]paesaggi/cielorosso.jpg[/img]</div></a>
<div id="highlights"></div>
Grazie a chi risponderà e buon fine settimana !![]()