Grafiken für verschieden Auflösungen laden

[Michael Virnstein]

Ich habe ein Problem mit javascript. Wie kann ich ich es schaffen, daß bei verschiedenen Bildschirmauösungwen, verschiede Bilder in ein HTML Objekt geladen werden. In meinem Fall ist das <td>. Die Grafik soll von anfang an mitgeladen werden und nicht erst durch einen eventhandler gestartet werden. ich habe für ie folgendes script gemacht, das läßt sich nur über einen event handler machen. Da diese Graphik aber von anfang an erscheinen soll, möchte ich wie gesagt, daß sie von anfang an mitgeladen wird.
/***********************************************************************************************************/
var eins =  "<br><img align=center alt=THC The Hallucinogenic Clan src=image/thclogo_kl.gif>";
var zwei = "<img align=center alt=THC The Hallucinogenic Clan src=image/thclogo_kl.gif width=82 height=84>";
var drei = "<img align=center alt=THC The Hallucinogenic Clan src=image/thclogo_kl.gif width=72 height=74>";
function Bildladen()
{
if ((screen.height == 1024) && (screen.width == 1280))
{
document.all.laden.innerHTML = eins;
}
else if ((screen.height == 768) && (screen.width == 1024))
{
document.all.laden.innerHTML = zwei;
}
else if ((screen.height == 600) && (screen.width == 800))
{
document.all.laden.innerHTML = drei;
}
else document.all.laden.innerHTML = drei;
}
/***********************************************************************************************************/
ich habe leider auch keine erfahrung mit javascript und hab das script mehr durch learning by doing erstellt.
Wie kann ich mein Problem lösen und wie kann ich das in DHTML machen?

Danke

Michael Virnstein