Div-Ebene verzögert laden

UnqlPhriek

Mitglied
Hallo allerseits!
Ich habe eine Div-ebene auf einen Flash-Film gelegt und möchte diese nun erst ablauf des movies einblenden lasen, also nach 8 Sekunden. Habt Ihr einen Tipp für mich wie ich das anstellen kann?

Vielen Dank und nette Grüße
UnqlPhriek
 
Hi,

du kannst im onload-Event des Bodys mit der JavaScript-Methode setTimeout zeitverzögert
eine Funktion aufrufen, die die Ebene einblendet.
Code:
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Kein Titel</title>
<meta name="author" content="Quaese" />

<script type="text/javascript">
<!--
function showDiv(){
  document.getElementById("divID").style.display = "block";
}
// -->
</script>
</head>
<body onload="window.setTimeout('showDiv()', 8000);">
  <div id="divID" style="position: absolute; width: 400px; height: 400px; left: 0; top: 0; background: #ff0000; display: none; z-index: 2">&nbsp;</div>
</body>
</html>
Ciao
Quaese
 
Klappt leider nicht - vielleicht sollte ich dazu schreiben, dass innerhalb der Div-Ebene ein Iframe lagert, welches leider nicht erst verzögert eingeblendet wird.
 
Du kannst 'mal folgendes testen:
Code:
<head>
<title>Kein Titel</title>
<meta name="author" content="Quaese" />

<script type="text/javascript">
<!--
function showDiv(){
  document.getElementById("divID").style.top = "0";
}
// -->
</script>
</head>
<body onload="window.setTimeout('showDiv()', 8000);">
  <div id="divID" style="position: absolute; width: 400px; height: 400px; left: 0; top: -5000px; background: #ff0000; z-index: 2">&nbsp;</div>
</body>
</html>

Hier schalte ich nicht die Sichtbarkeit um, sondern vielmehr die Position, d.h. am Anfang setze ich das Frame außerhalb des Browserfensters. Nach 8 Sekunden setze ich wieder "top=0px".

Vielleicht klappt's ja.

Tschau

Frank
 

Neue Beiträge

Zurück