Page laden...

Status
Nicht offen für weitere Antworten.
Aloa

Aloa

Erfahrenes Mitglied
Hallo!

Das komplette Laden meiner Page dauert ein weilchen, da ich auch hintergrundmusik und so habe.

Gibt es eine möglichkeit einen Ladebalken zu erschaffen, der nach dem laden der page sie erst anzeigt?
 
Was ist hieran falsch. Der läd den Balken aber nicht die page die nachher kommt.:

Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Preload</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
var hrefAfterLoad   = "http://home.arcor.de/obstgemuese/Media.html";
var redirect        = false; //true = page redirects after preloading 
var preloaderLength = 300;
var loadBarNameID   = "barpic";
//only pictures
var Pictures        = new Array(
"preload/testbild_01.jpg",
"preload/testbild_02.jpg",
"preload/testbild_03.jpg",
"preload/testbild_04.jpg",
"preload/testbild_05.jpg"
);
function preloader(){
document.getElementById(loadBarNameID).width=1;
if (!document.preImages) {preImages = new Array(); addition=Math.floor(preloaderLength/Pictures.length);}
loadpics();
}
function loadpics(){
  for (i = 0; i < Pictures.length; i++) {preImages[i] = new Image();preImages[i].src = Pictures[i];}
  check(0);
}
function check(done){
 for (i = 0; i < preImages.length; i++) {
   if (preImages[i].complete) {
     if (done<preImages.length){document.getElementById(loadBarNameID).width=document.getElementById(loadBarNameID).width+addition;done++;} 
     else {document.getElementById(loadBarNameID).width=preloaderLength;if (redirect){location.replace(hrefAfterLoad);}return;}
   }
 }setTimeout("check("+done+")",10);     
}
</script>


<style type="text/css">
.tabelstyle{
border-style:solid;
border-color:#000000;
border-width:1px;
}
</style>
</head>

<body>
<p>&nbsp; </p>
<p align="center">&nbsp;</p>
<div align="center">
<table class="tabelstyle" width="300" border="0">
    <tr> 
      <td align="center"><img src="pics/text.jpg" width="300" height="24"></td>
    </tr>
    <tr> 
      <td><img onLoad="preloader();" src="pics/bar.jpg" name="barpic" width="300" height="10" id="barpic"></td>
    </tr>
    <tr> 
      <td align="center"><img src="pics/status.jpg" width="300" height="26"></td>
    </tr>
  </table>
  <p>by mari&copy;</p>
</div>
<p>&nbsp;</p>
</body>
</html>
 
Keine Ahnung, ich hab mich damit nicht befasst, aber einfach mal als erstes gibts die Bilder bei dir überhaupt, sonst kann er sie ja nicht laden?!

Naja frag mal im Js-Forum
 
Aloa hat gesagt.:
Hallo!

Das komplette Laden meiner Page dauert ein weilchen, da ich auch hintergrundmusik und so habe.

Gibt es eine möglichkeit einen Ladebalken zu erschaffen, der nach dem laden der page sie erst anzeigt?
Zum Vergrößern anklicken....

Ich weis nicht aber mich nervt das immer total wenn ne Page nicht gleich da ist. Dann würd ich besser versuchen die Page kleiner zu machen bzw schauen das die Hintergrundmusik net zu groß wird...
Denk mal an die Leute mit Moden oO
 
Ich würde dir empfehlen ein kleines Popup beim Laden deiner Seite zu öffnen und in diesem die Hintergrundmusik abspielen lässt.
Das hat zusätzlich noch den Vorteil, dass User selber entscheiden können, ob sie Musik hören oder eben nicht hören wollen.
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück