Willkommen in der Webstatt Zum Webstatt Blog und Stories
Chrisber am 09.01.07 15:48

Hallo.
Ich habe mir ein Script geschrieben, dass beim laden meiner Seite alle Bilder vorlädt und beim laden ein Bild wo drauf steht "Load" angezeigt, und auchnoch den Titel verändert.
Das funkt ja alles super, nur eine Sache nicht, und ich weiß nicht wieso:
Ich möchte dem body beim laden eine Transparenz zuordnen, dieses funktoiniert auch mit anderen Scripten, aber bei meinem, scheint es nicht zu wollen, oder denke ich einfach falsch?

JavaScript:
<script language="JavaScript" type="text/javascript">
function Loading() {
document.body.className = "DeAktiv";
document.getElementById("LoadingImage").style.display = "block";
document.Img = Array(
"Bilder/Abstandhalter.gif",
"Bilder/Banner.gif",
"Bilder/Button_Guestbook.jpg",
"Bilder/Button_Guestbook_Hover.jpg",
"Bilder/Button_Impressum.jpg",
"Bilder/Button_Impressum_Hover.jpg",
"Bilder/Button_Links.jpg",
"Bilder/Button_Members.jpg",
"Bilder/Button_Members_Hover.jpg",
"Bilder/Button_News.jpg",
"Bilder/Button_News_Hover.jpg",
"Bilder/Button_Rechts.jpg",
"Bilder/Button_Wars.jpg",
"Bilder/Button_Wars_Hover.jpg",
"Bilder/Content.jpg",
"Bilder/Content_Uberschrift.jpg",
"Bilder/Header.jpg",
"Bilder/Hintergrund.jpg",
"Bilder/Menu.jpg",
"Bilder/Menu_Footer.jpg",
"Bilder/Menu_Uberschrift.jpg",
"Bilder/Trenner.jpg",
"Bilder/Valid_CSS.png",
"Bilder/Valid_HTML.png"
);
if (document.images) {
for (var i = 0; i < Loading.arguments.length; i++) {
document.Img[i] = new Image();
document.Img[i].src = Loading.arguments[i];
}
document.title = "pB-Elite - professionel Bombing since 2004";
document.body.className = "Aktiv";
document.getElementById("LoadingImage").style.display = "none";
}
}
</script>


Der span-Tag mit dem Loading Bild:
<span id="LoadingImage" style="display: block; left: 45%; position: absolute; top: 45%;">
<img src="Bilder/Load.gif" style="height: 200px; width: 200px;" alt="">
</span>


Der CSS-Style, um den body transparent zu machen:
<style type="text/css">
body.Aktiv {
filter: alpha(opacity=100, finishopacity=0, style=0);
-moz-opacity: 1;
}

body.DeAktiv {
filter: alpha(opacity=20, finishopacity=0, style=0);
-moz-opacity: 0.2;
}
</style>


zum betrachten:
http://www.pB-Elite.de/v11_TS/ (bitte nicht weitergeben!)

Chris :rolleyes:

netcup.de Warum gibt es hier Werbung?
Creative Commons Lizenzvertrag
Alle Inhalte des Webstatt-Archivs stehen unter einer Creative Commons Namensnennung - Weitergabe unter gleichen Bedingungen 3.0 Unported Lizenz.

Impressum & Kontakt