inhalt eines DIV-layers dynamisch ändern

[moejoe]

hallo,

ich habe schon in den alten artikeln von '99 gestöbert, wo dieses problem schon mal angesprochen wurde.
die vorgebrachten lösungen helfen mir allerdings nicht, da ich

1. kein iframe benutzen mag (div layer über dem iframe geht nicht soweit ich weis)
2. nicht mehrere divs erstellen will, die bei bedarf in den vordergrund rücken, da dann alle inhalte zu beginn geladen werden - macht 3+ MB .. mag ich niemandem zumuten.

momentan benutze ich:
-----------------------------------------------------
var b = new Array();
 b[0] = new Image(); b[0].src = "maps/loughderg.png";
 b[1] = new Image(); b[1].src = "maps/connacht.png";

function loughderg(){
 document.images[0].src = b[0].src
}
function connacht(){
 document.images[0].src = b[1].src
}
-----------------------------------------------------
.. was aber auch den effekt mit sich bringt, dass alles zu beginn geladen wird.

gibt es eine andere möglichkeit, so dass inhalte erst geladen werden, wenn sie auch tatsächlich angezeigt werden ?

gruss
moejoe