Så vidt jeg kan se har han taget den fra en eller anden side hvor man kan finde sådanne ting.. (Der er forklaringer i filen, til hvordan den skal sættes op.. Så jeg tror ikke det er ham selv der har gjordt det..)
Men hvis du ikke selv kan, kan jeg da godt sakse lidt i den for dig..
Dette skal skrives i den head.. (Det er lige under titel-linien.. hehe):
<script language="JavaScript1.2">
startingColor = new Array() // <-- Må ikke ændres!
endingColor = new Array() // <-- Må ikke ændres!
// DU SKAL ÆNDRE FØLGENDE OPLYSNINGER:
var yourImages = new Array
("
http://i.jubii.dk/general/l_trans.gif",
"
http://i.jubii.dk/general/l_trans.gif",
"
http://i.jubii.dk/general/l_trans.gif",
"
http://i.jubii.dk/general/l_trans.gif",
"
http://i.jubii.dk/general/l_trans.gif",
"
http://i.jubii.dk/general/l_trans.gif") // Skriv her stigen til de billeder der skal loades..
var locationAfterPreload = "
http://www.jubii.dk/" // Skriv her hvilken side den besøgende skal sendes til efter preloadingen..
var preloadbarWidth = 200 // Længden af preloader-baren. SKAL VÆRE HØJERE END ANTAL FILER DER PRELOADES..
var preloadbarHeight = 10 // Højden på preloader-baren
var backgroundOfGradient = "#cccccc" // Farven på de små firkanter FØR de vises som loaded..
// Farven på preloaderen mens den kører.. (Den farve den skal være når firkanten ER loaded - Du skal skrive første, tredje og femte tal i farvekoden..
startingColor[0] = "0"
startingColor[1] = "0"
startingColor[2] = "0"
// Farven loaderbaren skal blive når den er fulført.. Altså lige før sideskift. - Sk skal som før skrive tal nr 1, 3 og 5 fra farvekoden..
endingColor[0] = "f"
endingColor[1] = "0"
endingColor[2] = "0"
// FOR TROUBLESHOOTING:
var gap = 3 // Lej lidt med dette tal hvis du før en JAVASCRIPT-fejl!!! 2 er det mindste du kan bruge!!!
// DU MÅ IKKE ÆNDRE NOGET HERUNDER!!!
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>
Jeg har oversat forklaringerne i koden for dig.. Så det skulle være lige til at ændre.. Jeg har i dette eksempel brugt Jubii.dk, da jeg tænkte at de også kunne have brug for sådan en, så langsomme deres servere til tider er... hehe.. ;)
Du skal så sætte dette i din body.. (Sammen med alt det andet indhold.. I dette tilfælde, vel kun en tekst for der står at siden loades, lige som på den du selv skrev link til..
<script language="JavaScript1.2">
<!-- Dette er skjult
document.write('<table border="1" bordercolor="#001732" cellpadding="0" cellspacing="0" width="' + preloadbarWidth + '"><tr height="' + preloadbarHeight + '" bgcolor="' + backgroundOfGradient + '">');
for (i = 0; i < num; i++) {
document.write('<td bordercolorlight="001732" bordercolordark="001732" width="' + gap + '" id="cell' + (i+1) + '"></td>');
}
document.write('</tr></table>');
document.write('<p>')
loadImages();
// Her slutter det sjulte.. -->
</script>
denne kode skal så bruges til at vise sælve preloaderen.. Du kan også ænre forver ovs. i den.. Det er intet problem..
Du kan så selvfølgelig også selv formatere koden uden om jazascriptet så den kommer til at se rigtig ud.. Altså med <center>, farver osv.. i stedet for at den sidder oppe i det enee hjørne som nu..
Hvis du ikke selv kan finde ud af at sætte den ind, så lav en fil hvor du har skrevet hvor den skal sættes ind..
Så skal jeg gører det for dig...
Lige en lille kommentar.. Jeg stinker selv til js.. Men hvis du ikke selv kan sakse en kode kan jeg da godt gører det for dig.. hehe..
Håber du kan bruge det..
/Nicklas B.
