womstar
Lounge-Member
hallööötze...
weil meine seite (www.more-style.de) über einige images verfügt, musste ich ja nun einen preloader basteln. naja ich wollte nicht so einen "einfachen"
, jedenfalls nicht für js. deswegen hab ich einen kleinen aber feinen preloader mit ladebalken, prozentanzeige, und statusanzeige gebastellt. der code ist überragend kurz, so das ich ihn hier posten kann
hier der preloader in aktion mit allen oben genanten features:
preloader
die frage an euch ist jetzt, ab welchen browsern der ladestatus läuft, sprich ladebalken, prozentanzeige und statusanzeige.
bei der prozentanzeige und der statusanzeige ist klar, dass es erst mit den neureren nicht IE browsern läuft, wegen innerHTML.
wichtig wäre mir der ladebalken.
hier der code:
viel spaß
ps: mit dsl sieht man kaum das was läde mit isdn kann man das besser begutachten...aber das alles geladen ist sieht man an meiner seite das null ladezeit auf der eigentlichen seite besteht, ausgenommen popup+image.
weil meine seite (www.more-style.de) über einige images verfügt, musste ich ja nun einen preloader basteln. naja ich wollte nicht so einen "einfachen"
, jedenfalls nicht für js. deswegen hab ich einen kleinen aber feinen preloader mit ladebalken, prozentanzeige, und statusanzeige gebastellt. der code ist überragend kurz, so das ich ihn hier posten kann hier der preloader in aktion mit allen oben genanten features:
preloader
die frage an euch ist jetzt, ab welchen browsern der ladestatus läuft, sprich ladebalken, prozentanzeige und statusanzeige.
bei der prozentanzeige und der statusanzeige ist klar, dass es erst mit den neureren nicht IE browsern läuft, wegen innerHTML.
wichtig wäre mir der ladebalken.
hier der code:
Code:
<html>
<head>
<title>preloader</title>
<script>
/*>>>>>>>>>>>>>>>><<<<<<<<<<<<<<<<<<*/
/*>>>>>>>>> easy preloader <<<<<<<<<*/
/*>>>>>> by robert engelhardt <<<<<<*/
/*>>>>>>>>>>>>> © 2003 <<<<<<<<<<<<<*/
/*>>>>>>>>> [email]womstar@uni.de[/email] <<<<<<<<<*/
/*>>>>>>>>>>>>>>>><<<<<<<<<<<<<<<<<<*/
/* EIGENSCHAFTEN */
url = "bilder.html"; // weiterleitungs url wenn bilder geladen
progress= new Array( "bin.png", // hier kommen die bilder rein
"clem.png",
"wai.png",
"test.jpg",
"idiot.png",
"kotze.png");
/* EIGENSCHAFTEN ENDE */
var x;
function preload()
{
p = new Array();
x = 0;
for(i=0;i<progress.length;i++)
{
p[i] = new Image();
p[i].onabort = update;
p[i].onerror = update;
p[i].onload = update;
p[i].src = progress[i];
}
}
function update()
{
x++;
pro=Math.floor((x/progress.length)*100);
document.images["balken"].width=pro*2;
(document.all) ?
dom=document.all["loadausgabe"] :
dom=document.getElementById("loadausgabe");
dom.innerHTML= x+" von "+progress.length+" Bildern geladen.<br>"+pro+" %";
if(pro==100) location.href=url;
}
</script>
</head>
<body onload="preload()" bgcolor=#617691>
<table width=100% height=100% align=center>
<td align=center>
<table align=center width=210 height=20>
<tr>
<td align=left width=210 valign=top height=20>
<img src=loadbar.gif>
</td>
</tr>
<tr>
<td align=left width=210 valign=top height=20>
<img src=balken.gif height=5 width=0 name=balken>
</td>
</tr>
<tr>
<td align=left width=210 valign=top height=20>
<div id="loadausgabe" style="font:10px verdana;color:ffffff">0 von 0 Bildern geladen.<br>0 %</div>
</td>
</tr>
</table>
</td>
</table>
</body>
</html>viel spaß
ps: mit dsl sieht man kaum das was läde mit isdn kann man das besser begutachten...aber das alles geladen ist sieht man an meiner seite das null ladezeit auf der eigentlichen seite besteht, ausgenommen popup+image.
