loading....

Aloa

Aloa

Erfahrenes Mitglied
Ich will nen Preloader erstellen.

Jetzt hab ich einen bekommen und möchte wissen was daran falsch ist.
Der öffnet danach nicht die Seite die ich angegeben habe:

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",
"http://home.arcor.de/obstgemuese/News_on.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>
 
Das muss in den Array "pictures"....jeweils der Pfad, umschlossen von Anführungszeichen, die Pfade jeweils getrennt mit Kommas.... genau so, wie es jetzt bereits schon ist.

Beachte dabei, dass nach dem letzten Pfad kein Komma stehen darf.
 
Da steht ja
Code: 
var Pictures        = new Array(
Soll ich da auch meine .mp3 und .html dateien eintragen?

Und es hat eine Zeit lang funktioniert, aber seit ich das neue Eingetragen und hochgeladen habe geht das nicht mehr. Vielleicht könnt ihr was erkennen:
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/Page/";
var redirect        = true; //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",
"http://home.arcor.de/obstgemuese/News_on.jpg",
"http://www.clueso.de/fileadmin/clueso/mp3/live/komm_schon_live_erfurt.mp3",
"http://home.arcor.de/obstgemuese/Bilder/Impressum.jpg",
"http://home.arcor.de/obstgemuese/Bilder/Impressum_on.jpg",
"http://home.arcor.de/obstgemuese/Bilder/LsD.jpg",
"http://home.arcor.de/obstgemuese/Bilder/LSD_on.jpg",
"http://home.arcor.de/obstgemuese/Bilder/Media.jpg",
"http://home.arcor.de/obstgemuese/Bilder/Media_on.jpg",
"http://home.arcor.de/obstgemuese/Bilder/News.jpg",
"http://home.arcor.de/obstgemuese/Bilder/News_on.jpg",
"http://home.arcor.de/obstgemuese/Bilder/Wiw.jpg",
"http://home.arcor.de/obstgemuese/Bilder/Wiw_on.jpg",
"http://home.arcor.de/obstgemuese/Page/Index.html",
"http://home.arcor.de/obstgemuese/Page/Navi_links.html,
"http://home.arcor.de/obstgemuese/Page/Mitte.html

);
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>
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück