Ho modificato così e sembra funzioni tutto correttamente:

codice:
<script type="text/javascript">

var numeroImmagini=8;
var imageObj = new Image();
for(var i=1; i<=1; i++) {
imageObj.src='immagine_'+i+'.png';
}

function RollMapOn(i)
{
var IMG = document.getElementById("mappa");
IMG.src = "immagine_" + i + ".png";
document.getElementById("cella_" + i).style.color="black";

}
function RollMapOff(i)
{
var IMG = document.getElementById("mappa");
IMG.src = "mappa.png";
document.getElementById("immagine_" + i).style.color="";
}
</script>
e nel preloader ho modificato in questo modo

codice:
for(var i=1; i<=1; i++)