Preloader som http://www.markbrain.de

<html>
<head>
<title>Official Mark Brain Website [Preloader]</title>
<STYLE>A:link {
COLOR: black; FONT-FAMILY: Verdana, Tahoma, Arial, Helvetical; TEXT-DECORATION: none
}
A:visited {
COLOR: black; FONT-FAMILY: Verdana, Tahoma, Arial, Helvetica; TEXT-DECORATION: none
}
A:active {
COLOR: black; FONT-FAMILY: Verdana,Tahoma,Arial,Helvetica; TEXT-DECORATION: none
}
A:hover {
COLOR: black; FONT-FAMILY: Verdana, Tahoma, Arial, Helvetica; TEXT-DECORATION: underline
}
</STYLE>
</head>

<body bgcolor="#FFFFFF" text="#000000">

<script language="JavaScript">
<!--

function SymError()
{
  return true;
}

window.onerror = SymError;

//-->
</script>

<script language=JavaScript1.2>

<!-- begin hiding
startingColor = new Array()
endingColor = new Array()

var yourImages = new Array("bg_fotogalerie.jpg","bg_guestbook.jpg","bg_kalender.jpg","Fanfoto mit Fan Anita.jpg","bg_specials.jpg","bg_home.jpg","bg_freemail.jpg","bg_charts.jpg","bg_disco.jpg","bg_bio.jpg","bg_presse.jpg","bg_referenzen.jpg","bg_kontakt.jpg")
var locationAfterPreload = "home.html"
var preloadbarWidth = 300
var preloadbarHeight = 13
var backgroundOfGradient = "#ffffff"
startingColor[0] = "F"
startingColor[1] = "F"
startingColor[2] = "F"
endingColor[0] = "0"
endingColor[1] = "0"
endingColor[2] = "0"

var gap = 7
if (!document.all) location.replace(locationAfterPreload)
var a = 10, b = 11, c = 12, d = 13, e = 14, f=15, i, j, ones = new Array(), sixteens = new Array(), diff = new Array();
var convert = new Array("0","1","2","3","4","5","6","7","8","9","a","b","c","d","e","f"), imgLen = yourImages.length;
var loaded = new Array(), preImages = new Array(), currCount = 0, pending = 0, h = 0, hilite = new Array(), cover = new Array();
var num = Math.floor(preloadbarWidth/gap);
for (i = 0; i < 3; i++) {
startingColor[i] = startingColor[i].toLowerCase();
endingColor[i] = endingColor[i].toLowerCase();
startingColor[i] = eval(startingColor[i]);
endingColor[i] = eval(endingColor[i]);
diff[i] = (endingColor[i]-startingColor[i])/num;
ones[i] = Math.floor(diff[i]);
sixteens[i] = Math.round((diff[i] - ones[i])*15);
}

endingColor[0] = 0;
endingColor[1] = 0;
endingColor[2] = 0;
i = 0, j = 0;
while (i <= num) {
hilite[i] = "#";
while (j < 3) {
hilite[i] += convert[startingColor[j]];
hilite[i] += convert[endingColor[j]];
startingColor[j] += ones[j];
endingColor[j] += sixteens[j];
if (endingColor[j] > 15) {
endingColor[j] -= 15;
startingColor[j]++;
}
j++;
}
j = 0;
i++;
}
function loadImages() {
for (i = 0; i < imgLen; i++) {
preImages[i] = new Image();
preImages[i].src = yourImages[i];
loaded[i] = 0;
cover[i] = Math.floor(num/imgLen)*(i+1)
}
cover[cover.length-1] += num%imgLen
checkLoad();
}
function checkLoad() {
if (pending) { changeto(); return }
if (currCount == imgLen) { location.replace(locationAfterPreload); return }
for (i = 0; i < imgLen; i++) {
if (!loaded[i] && preImages[i].complete) {
loaded[i] = 1; pending++; currCount++;
checkLoad();
return;
}
}
setTimeout("checkLoad()",10);
}
function changeto() {
if (h+1 > cover[currCount-1]) {
var percent = Math.round(100/imgLen)*currCount;
if (percent > 100) while (percent != 100) percent--;
if (currCount == imgLen && percent < 100) percent = 100;
defaultStatus = "Loaded " + currCount + " out of " + imgLen + " images [" + percent + "%].";
pending--;
checkLoad();
return;
}
eval("document.all.cell" + (h+1) + ".style.backgroundColor = hilite[h]");;
h++;
setTimeout("changeto()",1);
}
defaultStatus = "Loaded 0 out of " + imgLen + " images [0%]."
// end hiding -->
</script>
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%">
<tr><td>
      <div align="center">
        <table background="start.jpg" width="609" border="0" cellspacing="0" cellpadding="0" height="479">
          <tr>
            <td align="center" valign="bottom"><b><font size="2" face="Verdana, Arial, Helvetica, sans-serif"><font size="1">SITE
              LOADING </font><br>

<script language=JavaScript1.2>

<!-- beging hiding

document.write('<table border="0" cellpadding="0" cellspacing="0" width="' + preloadbarWidth + '"><tr height="' + preloadbarHeight + '" bgcolor="' + backgroundOfGradient + '">');

for (i = 0; i < num; i++) {

document.write('<td width="' + gap + '" id="cell' + (i+1) + '"></td>');

}

document.write('</tr></table>');

document.write('<small><a href="java script:location.replace(locationAfterPreload)">Skip Loading</a></small></font>')

loadImages();

// end hiding -->

</script>
              </font></b></td>
          </tr>
        </table>
        </div>
</td></tr></table>

</body>
</html>

det er source koden for hans preloader

Hvordan ændrer man i hvad den skal hente osv?? Hvis nu vi siger der er 4 billeder som hedder "pis, pic2, pic3 & pic4" er der så nogen de rkan hjælpe med at få det til at fungere?

Der er ikke nogen mere simpel?? Som f.eks. en "Menu bar ting" Hvor den tæller point også åbner siden.. Syntes det er en stor kode!