Hi Leute,
Ich habe hier einen Code-Ausschnitt von meiner Homepage. Ich habe dort 2 Videos zum Test mit dem JW Player eingebunden. Dann habe ich die Videos in nen div-Container gepackt und den mit der Eigenschaft display:none versehen (<div style="display:none" id="Video1">). Wenn ich nun die Seite lade und auf ihr große Bilder zu laden sind, läd er die Videos am Anfang. Wenn er alles ausser die Eigenschaften innerhalb des Body-tags geladen hat läd er die Eigenschaften im Body-tag (<body das hier>). Das ist hier der Hintergrund der Seite und dass er Die Videos ausblenden soll (<body onload="RemoveContent('Video1');RemoveContent('Video2')"...>. Die Funktion ist über dem Body-tag definiert. Obwohl ich eigentlich die Videos in nem div-Container mit style="display:none" habe läd er die Videos trotzdem während er die Seite aufbaut.
Frage:
1.Wieso läd er die Videos trotz style="display:none" ??
2.Wieso läd er die Eigenschaften im Body-tag nicht zuerst sondern als letztes?(<body das hier>)
3.Wie kann ich es machen, dass die Videos beim laden der Seite nicht angezeigt werden?
Der Code ist wie gesagt nur ein Ausschnitt aber so ist es übersichtlicher und nur darauf kommt es an.
Wenn ich nicht korrekt in der Fachsprache rede, dann nehmt es mir nicht übel ich bin Neuling ;D.
Hoffe auf Hilfe
Mit freundlichen Grüßen
Marius
Hier noch der Code: (hoffe das ist so richtig....)
Ich habe hier einen Code-Ausschnitt von meiner Homepage. Ich habe dort 2 Videos zum Test mit dem JW Player eingebunden. Dann habe ich die Videos in nen div-Container gepackt und den mit der Eigenschaft display:none versehen (<div style="display:none" id="Video1">). Wenn ich nun die Seite lade und auf ihr große Bilder zu laden sind, läd er die Videos am Anfang. Wenn er alles ausser die Eigenschaften innerhalb des Body-tags geladen hat läd er die Eigenschaften im Body-tag (<body das hier>). Das ist hier der Hintergrund der Seite und dass er Die Videos ausblenden soll (<body onload="RemoveContent('Video1');RemoveContent('Video2')"...>. Die Funktion ist über dem Body-tag definiert. Obwohl ich eigentlich die Videos in nem div-Container mit style="display:none" habe läd er die Videos trotzdem während er die Seite aufbaut.
Frage:
1.Wieso läd er die Videos trotz style="display:none" ??
2.Wieso läd er die Eigenschaften im Body-tag nicht zuerst sondern als letztes?(<body das hier>)
3.Wie kann ich es machen, dass die Videos beim laden der Seite nicht angezeigt werden?
Der Code ist wie gesagt nur ein Ausschnitt aber so ist es übersichtlicher und nur darauf kommt es an.
Wenn ich nicht korrekt in der Fachsprache rede, dann nehmt es mir nicht übel ich bin Neuling ;D.
Hoffe auf Hilfe
Mit freundlichen Grüßen
Marius
Hier noch der Code: (hoffe das ist so richtig....)
HTML:
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title> Homepage</title>
<head>
<script type="text/javascript" language="JavaScript">
function RemoveContent(d) {
document.getElementById(d).style.display = "none";
alert("Video '" + d + "' wird ausgeblendet.");
}
function InsertContent(d) {
document.getElementById(d).style.display = "";
alert("Video '" + d + "' wird eingeblendet.");
}
</script>
<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
<script type="text/javascript"></script>
</head>
<body onload="RemoveContent('Video1');RemoveContent('Video2')" style="background-image:url(Bilder/Hintergrund2.png); align='center';">
<table id="Schrift" border="1px" align="center" align="top" style="background-image:url(Bilder/Tabelle2.png);>
<tr>
<td colspan='3'>
<A HREF="URL of linked page" onMouseOver="javascript:InsertContent('Video1')" onMouseOut="javascript:RemoveContent('Video1')"><img src="file:///C:/Users/Marius.M/Desktop/Homepage/Bilder/Berg.jpg" width='100'></a>
<A HREF="URL of linked page" onMouseOver="javascript:InsertContent('Video2')" onMouseOut="javascript:RemoveContent('Video2')"><img src="file:///C:/Users/Marius.M/Desktop/Homepage/Bilder/Odinbike_Icon1.png" width='100'></a>
</td>
</tr>
<tr>
<td>
<div style="display:none" id="Video1">
<script style="display:none" type='text/javascript' src='jwplayer.js'></script>
<script style="display:none" type='text/javascript'>
jwplayer('Video1').setup({
'flashplayer': 'player.swf',
'duration': '34',
'file': 'file:///C:/Users/Marius.M/Desktop/Homepage/Videos/Gta4.flv',
'controlbar': 'none',
'autostart': 'true',
'repeat': 'always',
'width': '400',
'height': '250'
});
</script>
</div>
</td>
<td>
<div style="display:none" id="Video2">
<script style="display:none" type='text/javascript' src='jwplayer.js'></script>
<script style="display:none" type='text/javascript'>
jwplayer('Video2').setup({
'flashplayer': 'player.swf',
'duration': '34',
'file': 'file:///C:/Users/Marius.M/Desktop/Homepage/Videos/Gta4.flv',
'controlbar': 'none',
'autostart': 'true',
'repeat': 'always',
'width': '400',
'height': '250'
});
</script>
</div>
</td>
</tr>
</body>
