Preloader für HTML

Status
Nicht offen für weitere Antworten.
Naja ich will halt einen Preloader für meine Homepage bauen oder haben ;)

der dann vor jeder zu ladenenen Seite/dokument/bild etc. angezeigt wird.
 
HTML ist Statisch
Javascript wird zum Vorladen benutzt.

Falsches Forum also.

Das was du suchst habe ich mal gehabt, fand es nur urs Nervig und ist deshalb in die Grüne-tonne verschoben worden.
 
Also ich habe mir mal ein passenden Preloader rausgesucht und nun habe ich das problem wenn der Preloader nach dem loaden das ganze dann pup uppt das ich dann keinen Scrollbalken und keine Navigation mehr habe.

Hier einmal der quelltext...

Code: 
<title>AggroAarons Homepage</title>
<script>
function stoperror(){
    return true
}
window.onerror=stoperror

function popUp() {
    props=window.open('http://aggroaaron.funpic.de/index.htm', 'poppage', 'toolbars=0, scrollbars=0, location=0, statusbars=0, menubars=0, resizable=1, width=1024, height=748');
}
</script>
<script language="JavaScript1.2">
<!--
// (C) 2000 Marcin P Wojtowicz [one_spook@hotmail.com]. All rights reserved.

startingColor = new Array()
endingColor = new Array()

// hier steht die Modifikation
var yourImages = new Array("http://firewolf.funpic.de/bilder/bg.jpg","http://firewolf.funpic.de/nav/home.jpg","http://firewolf.funpic.de/nav/home_2.jpg","http://firewolf.funpic.de/nav/crew.jpg","http://firewolf.funpic.de/nav/crew_2.jpg","http://firewolf.funpic.de/nav/media.jpg","http://firewolf.funpic.de/nav/media_2.jpg","http://firewolf.funpic.de/nav/gal.jpg","http://firewolf.funpic.de/nav/gal_2.jpg","http://firewolf.funpic.de/nav/gb.jpg","http://firewolf.funpic.de/nav/gb_2.jpg","http://firewolf.funpic.de/nav/ltr.jpg","http://firewolf.funpic.de/nav/ltr_2.jpg","http://firewolf.funpic.de/nav/rep.jpg","http://firewolf.funpic.de/nav/rep_2.jpg","http://firewolf.funpic.de/bilder/enter.jpg","http://firewolf.funpic.de/bilder/homeimage.jpg") // Bilder die zu laden sind
var locationAfterPreload = "http://AggroAaron.funpic.de/index.htm" // Seite die dann geladen werden soll
var preloadbarWidth = 450 // Länge des Ladebalken
var preloadbarHeight = 10 // Höhe des Ladebalken
var backgroundOfGradient = "#496A98" // Hintergrundfarbe des Ladebalken

// Anfangsfarbe des Ladebalken

startingColor[0] = "f"
startingColor[1] = "f"
startingColor[2] = "0"

// Endfrabe des Ladebalken
endingColor[0] = "c"
endingColor[1] = "0"
endingColor[2] = "0"

var gap = 1 // feinheit der Farbstreifen im Balken


// Ab hier nichts mehr verändern!

if (!document.all) popUp();
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) { popUp(); 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%]."
// -->
</script>
</head>
<body>
<center>
<font face="Verdana, Arial, Helvetica" size="2"><center> <p> </p>
<p> </p>
<p> </p>
<p> </p>
</center>

<p align="center"><b>Lädt AggroAaron's Homepage</b><br><br>Bitte warten... 
(empfohlen, da die Seite dann schneller lädt)<br><br></p>
<center>

<script language="JavaScript1.2">
<!--
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="http://aggroaaron.funpic.de/index.htm">Ladevorgang überspringen(nicht empfohlen</a></small></p></font>')
loadImages();
// -->
</script>

Wer kann mir jetzt weiterhelfen

Bitte um schnelle Hife
 
Aloa

Bin zwar was javascript angeht auch nicht der hellste, aber das was du da eingebunden hast, ist ja augenscheinlich nicht nur nen Script fürn preloader sondern auch dafür das deine Seite eben als Popup angezeigt wird...

Damit du wieder ne Navigation, Scrollbalken etc. hast ändere folgendes um:

function popUp() {
props=window.open('http://aggroaaron.funpic.de/index.htm', 'poppage', 'toolbars=0, scrollbars=0, location=0, statusbars=0, menubars=0, resizable=1, width=1024, height=748');
}

umändern in

function popUp() {
props=window.open('http://aggroaaron.funpic.de/index.htm', 'poppage', 'toolbars=1, scrollbars=1, location=1, statusbars=1, menubars=1, resizable=1, width=1024, height=748');
}


Also jeweils die 0 in 1 ändern hinter toolbars,scrollbars etc.. denke dann müsstes gehen.

mfg
Andre
 
Zuletzt bearbeitet:
Und wenn du einfach mal versuchst die gesamt Funktion welche des Popup definiert, zu entfernen?

Also

function popUp() {
props=window.open('http://aggroaaron.funpic.de/index.htm', 'poppage', 'toolbars=0, scrollbars=0, location=0, statusbars=0, menubars=0, resizable=1, width=1024, height=748');
}

mal rausnehmen, und schaun ob es dann geht.

mfg
Andre
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück