Preload Body

Dennis_Munich

Grünschnabel
Hallo zusammen,

mein erster Beitrag hier :) nur so nebenbei bemerkt.

Also zum Thema, ich möchte gerne das meine Seite bis das der Inhalt ( BODY ) komplett geladen wurde in Transparet fadet und ein Ladebalken angezeigt wird. Habe schon einige Sachen ausprobiert usw... naja.

Die Suche hier im Forum bringt mich leider nur zu preloader wo ich meine Bilder einzeln mit eintragen muss... da es sich bei meiner Seite um eine Bildergalerie handelt wär das sehr zeitaufwändig.

Hat vielleicht jemand eine Idee?

Gruss aus München

Dennis

P.S. Bei dem unten stehen script bleibt meine Seite einfach weiss,,,,,,

Code:
<html>
<head>
  <script type="text/javascript">
      function preload(){
        document.getElementById('preload').style.display = 'none';
      }
  </script>
</head>
<body onLoad="preload()">
<span style="width:100%; height:100%; top:0px; left:0px; background-color:#fff; position:absolute; z-index:1; display:block;" id="preload">
now loading
</span>

<img src="http://images.deviantart.com/i/9/0/f/Annihilation.jpg">
</body>
</html>
 
Zuletzt bearbeitet:
Moin,

und willkommen an Board :)

Hier findest du einen Preloader, bei dem du die Bilder nicht einzeln eintragen musst:
http://doktormolle.de/temp/preloader/

Das Faden müsstest du noch einbauen, du musst dabei in der Funktion preloadbar() nur anhand ders Ergebnisses von intLoaded/arrImgs.length der entsprechenden Style-Eigenschaft bzw. dem Alpha-Filter zuweisen(beachte dabei den Unterschied bei den Wertebereichen)
 

Neue Beiträge

Zurück