Figurati...

il codice per il preload, essendo javascript, va inserito nel tag <script>.

Visto che le immagini da precaricare sono più di una ti scrivo un ciclo che le precarica tutte.
Presumo che le varie immagini abbiano come nomi:
mappa_1.gif, mappa_2.gif, mappa_3.gif, ecc.

codice:
<script type="text/javascript">
//Facciamo finta che tu debba precaricare da mappa_1.gif a mappa_10.gif
var numeroImmagini=10; 
var imageObj = new Image();
for(var i=1; i<=numeroImmagini; i++) {
     imageObj.src='mappa_'+i+'.gif';
}

 function RollMapOn(i)
 {
 var IMG = document.getElementById("immagine");
 IMG.src = "mappa_" + i + ".gif";
 }
 function RollMapOff()
 {
 var IMG = document.getElementById("immagine");
 IMG.src = "mappa.gif";
 }
 </script>