Gifs verborgen laden, dann zeigen

christoph1972 · 14.11.2003, 17:43

Hallo,

wie mache ich das man das Laden der Grafiken nicht sieht? Sprich, das meine Gifs erst gezeigt werden wenn sie geladen sind, der Hintergrund sollte aber sofort kommen. Ich finde es irgendwie nicht elegant wie sich die Gifs so nach und nach aufbauen.

Christoph

Jürgen · 14.11.2003, 17:51

Hallo Christoph,

die einfachste Lösung wäre denke ich, alles in eine CSS-Ebene zu packen, diese auf invisible setzen und mit dem "onLoad" Event im body-Tag die Ebene auf sichtbar ändern.

Gruß, Jürgen

webmichl · 14.11.2003, 17:54

per CSS und JavaScript :

Du legst die Bilder in einen Container, den Du die Eigenschaft "hidden" gibst. Wenn die Seite fertig geladen hat, schaltest Du auf visible um:

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Untitled</title>
<script type="text/javascript">
<!--
function show() {
document.getElementById("Bilder").style.visibility = "visible";
}
// -->
</script>
</head>
<body onLoad="show()">
<div id="Bilder" style="visibility: hidden;">
<img src="p1.gif" alt="" />
<img src="p2.gif" alt="" />
<img src="p3.gif" alt="" />
</div>
</body>
</html>

EDIT

Jürgen war schneller, ich ausführlicher...

Jürgen · 14.11.2003, 17:56

Jo, ausführlicher warst du - keine Frage

. In DW geht das allerdings mit ein paar Mausklicks, daher habe ich mir die genaue Erklärung gespart

.