filter: alpha(): Javascript wird nicht ausgeführt.

user-149

09.01.2007 14: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: