( la prima porzione è un images preloader, col FOR male impostato però )
Se sono 8 le immagini, facciamo che siano 8 anche le celle da trattare;
nell' html assegnerai loro un ID di questo tipo:
e nelle funzioni aggiungi una (o più) istruzione:codice:<td id="cella1" ></td> <td id="cella2" ></td>
Si presume che nel codice hai già un gestore d' evento onmouseover che passa un numero alla funzione, che lo accoglie come i ; lo dovrà fare anche l' onmouseout .codice:function RollMapOn(i) { var IMG = document.getElementById("mappa"); IMG.src = "immagine_" + i + ".png"; document.getElementById("cella" + i).style.backgroundColor="lime"; } function RollMapOff(i) //facciamo entrare l' "i" anche in questa funzione { var IMG = document.getElementById("mappa"); IMG.src = "mappa.png"; document.getElementById("cella" + i).style.backgroundColor=""; }

Rispondi quotando