Homepage vorladen aber wie ?

securitypage · 09.01.2004, 15:04

hallo @ all, wünsche erstmal allen ein frohes neues...

habe mal ne frage, ich habe gehört das man es irgendwie machen kann das man eine hommepage vorlädt, nun weiss ich aber absolut nicht wie....

also ich stelle mir das so vor das ich dann eine index seite habe und in der muss ja dann ein program drin sein welches die gesammte page lädt mit statusanzeige usw bevor es weiter geht, so das wenn sie dann vorgeladen ist man ruckel-frei sich auf der page bewegen kann....

wie geht soetwas ?

dankeschön für die antworten

Thomas · 09.01.2004, 16:35

komplette Site vorladen geht nicht (außer bei Flash), nur einzelne Grafiken, o.ä.

siehe auch hier

securitypage · 09.01.2004, 16:41

shit !!! trotzdem danke...

wintermute · 09.01.2004, 18:32

http://www.ideenreich.com/trickkiste/tricks130.shtml

hier gibt es einen hübschen Preloader, wie ich finde.

securitypage · 09.01.2004, 20:56

ha genau sowas hatte ich gesucht aber hmmm der geht nicht oder ich habe etwas falsch gemacht aber ich glaube nicht... kennst du dich damit aus ?? kommt im namo web´iditor schon i9mmer ne meldung das script fehler vorliegt, was habe ich falsch gemacht ?

findest das teil bei mir unter :

http://www.tot-fl.de/preload.htm

securitypage · 09.01.2004, 21:16

hmm habe nun nochmal was geändert aber das laden überspringen kann ich nicht verschieben und der preloader lädt auch nicht aber denke das ist hier der falsche platz, werde das nun lieber bei dem html dingen rein schreiben weil hier ist das bestimmt falsch...

wintermute · 10.01.2004, 01:46

Ich kopier dir den Code noch mal hier rein:

PHP-Code:


			
<html>

<head>

<title>preloader</title>

</head>

<body>

<script language="JavaScript1.2">

<!-- begin hiding

startingColor = new Array() // <-- NICHT VERÄNDERN!

endingColor = new Array() // <-- NICHT VERÄNDERN!

// Hier deine Grafiken rein:

var yourImages = new Array("bild1","bild2","usw") // Ersetzen und erweitern durch deine Grafiken

var locationAfterPreload = "seite2.html" // Hier den Pfad zur Seite die nach dem Vorladen geladen werden soll

var preloadbarWidth = 300 // Länge des Balkens

var preloadbarHeight = 13 // Höhe desselbigen

var backgroundOfGradient = "#000000"

// Farbe mir der der Balken beginnt! Gib erste, dritte und fünfte Zahl/Buchstaben der Farbe an

startingColor[0] = "F"

startingColor[1] = "F"

startingColor[2] = "F"

// Wie oben nur die Farbe mit dem es endet

endingColor[0] = "0"

endingColor[1] = "0"

endingColor[2] = "0"

var gap = 7 // mind. 2! verändern, wenn es nen JS-Error gibt.

// NIX MEHR VERÄNDERN

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>

<b><font face="Verdana, Arial, Helvetica, sans-serif" size="2">Bilder werden geladen...

</font></b><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('<p><small><a href="javascript:location.replace(locationAfterPreload)">Ladevorgang Überspringen</a></small></p></font>')

loadImages();

// end hiding -->

</script>

</body>

</html>

Wichtig ist, das du das Array mit den Boldnamen ohne Leerzeichen füllst und den Namen der nächsten Seite angibst. Dann sollte es gehen.

So wie oben funktioniert der Preloader bei mir.

Homepage vorladen aber wie ?

Hier noch mal für copy & paste