nicht angemeldet
hallo, ich habe mit folgender zeile ein hintergrundbild in eine tabelle geladen. ist allerdings ein platzhalter, damit schonmal ein verlauf da ist.
<td id="mainbg" style="height:520px; width:720px; background-image:url(daten/hg.gif); background-repeat:repeat-x;">
am ende des bodies möchte ich dieses bild nun austauschen, aber eben mit nem vorgeladenen bild , damit die tabelle nicht weiss wird
so funzt es aber nicht:
<head>
...
<script type="text/javascript">
hg = new Image(); hg.src="daten/bg_6b.jpg";
</script>
</head>
<body>
...
...
<script type="text/javascript">
document.getElementById("mainbg").style.backgroundImage.src = hg.src;
document.getElementById("mainbg").style.backgroundRepeat = "no-repeat";
</script>
</body>
</html>
wenn ich folgendes verwende wird das bild ausgetauscht, aber eben erst noch geladen also wird die tabelle weiss:
<script type="text/javascript">
document.getElementById("mainbg").style.backgroundImage = "url(daten/bg_6b.jpg)";
document.getElementById("mainbg").style.backgroundRepeat = "no-repeat";
</script>
wie kann ich denn nun ein bild vorausladen und dann im nachhinein den css-style backgroundImage austauschen?
Der Martin