73%
22%
19%
11%
6%
Dienstag, 29. Juli 2003, 20:47
ansonsten hab ich hier noch nen feinen! hat dann auch nen schicken lade balken! zur vorschau kannst ja mal auf inzone.tk gehen und dann unter bilder schauen! da is der im einsatz!
das kommt alles in den headtag! und die kommentare beachten zwecks anpassung...
und dann an die stelle an dem der preloader auftauchen soll:
das war es dann eigentlich schon! läuft super bei mir...
hoffe ich konnte dir damit helfen!
mfg
|
PHP-Quelltext |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 |
<HTML>
<HEAD>
<TITLE>titel</TITLE>
</HEAD>
<BODY TEXT="#000000" BGCOLOR="#000000">
<script language="JavaScript1.2">
startingColor = new Array() // <-- Do not modify!
endingColor = new Array() // <-- Do not modify!
//
var yourImages = new Array //<--in diesem array die elemente wie unten eintragen!
(
"pics/stats.gif",
"pics/navi_1.gif",
"pics/banner_1.gif",
"pics/banner_2.gif",
"pics/navi_2.gif",
"pics/main.gif",
"pics/black.gif",
"pics/banner_3.gif",
"pics/black_2.gif",
"pics/end.gif")
//
var locationAfterPreload = "seite.html" // <---hier die seite nachdem preloaden eintragen
var preloadbarWidth = 200 //
var preloadbarHeight = 20 //
var backgroundOfGradient = "0000FF"
//
startingColor[0] = "f"
startingColor[1] = "f"
startingColor[2] = "f"
//
endingColor[0] = "f"
endingColor[1] = "f"
endingColor[2] = "f"
//
var gap = 3
//
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 + "%]";
window.document.title = "text im titel" + 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>
|
das kommt alles in den headtag! und die kommentare beachten zwecks anpassung...
und dann an die stelle an dem der preloader auftauchen soll:
|
|
PHP-Quelltext |
1 2 3 4 5 6 7 8 9 10 11 |
<script language="JavaScript1.2">
document.write('<table border="1" bordercolor="#B4C8DC" cellpadding="0" cellspacing="0" width="' + preloadbarWidth + '"><tr height="' + preloadbarHeight + '" bgcolor="' + backgroundOfGradient + '">');
for (i = 0; i < num; i++) {
document.write('<td bordercolorlight="FF0000" bordercolordark="FF0000" width="' + gap + '" id="cell' + (i+1) + '"></td>');
}
document.write('</tr></table>');
loadImages();
</script>
|
das war es dann eigentlich schon! läuft super bei mir...
hoffe ich konnte dir damit helfen!
mfg
Mittwoch, 30. Juli 2003, 13:44
Bevor du hier Fragen stellst, lese alle Dokumentationen und klicke die folgenden Links um mehr zu erfahren
WMW Forensuche,
WMW F.A.Q. und/oder
Allgemeine suche
WMW Forensuche,
WMW F.A.Q. und/oder
Allgemeine suche
Mittwoch, 30. Juli 2003, 14:15
Zur Unterhaltung einer Party trägt niemand so viel bei wie diejenigen, die gar nicht da sind.
Audrey Hepburn, Schauspielerin
Don't use thx-sry-plz
Audrey Hepburn, Schauspielerin
Don't use thx-sry-plz
Mittwoch, 30. Juli 2003, 14:36
Bevor du hier Fragen stellst, lese alle Dokumentationen und klicke die folgenden Links um mehr zu erfahren
WMW Forensuche,
WMW F.A.Q. und/oder
Allgemeine suche
WMW Forensuche,
WMW F.A.Q. und/oder
Allgemeine suche
Mittwoch, 30. Juli 2003, 14:47
@seven
das letzte bild muss nicht mal end.gif heißen...das is egal!
@apple
das was du sagst kann noch daran liegen das er die bilder zwar geladen hat aber vielleicht noch "schauen muss" wo diese dann hinkommen!
@blake
das is wirklich nur auf den ersten blick kompliziert
das einzige was du machen musst is die bilder eintragen, die seite angeben wo er dann hin soll wenn alles fertig is mit laden und halt den zweiten code schnipsel noch an der stelle plazieren wo dein ladebalken auftauchen soll! also drei sachen...
mfg
ps: im letzten viertel hast du auch noch die möglichkeit anzugeben wie der titel der seite sein soll + die bisher geladenen prozent...
das letzte bild muss nicht mal end.gif heißen...das is egal!
@apple
das was du sagst kann noch daran liegen das er die bilder zwar geladen hat aber vielleicht noch "schauen muss" wo diese dann hinkommen!
@blake
das is wirklich nur auf den ersten blick kompliziert
das einzige was du machen musst is die bilder eintragen, die seite angeben wo er dann hin soll wenn alles fertig is mit laden und halt den zweiten code schnipsel noch an der stelle plazieren wo dein ladebalken auftauchen soll! also drei sachen...
mfg
ps: im letzten viertel hast du auch noch die möglichkeit anzugeben wie der titel der seite sein soll + die bisher geladenen prozent...
Mittwoch, 30. Juli 2003, 19:16
das aussehen kannst du nur soweit das du die seite ansich änderst und in dem du hier
mit den einstellungen rumspielst...aber es bleibt der balken...is halt DER bestandteil des preloaders...den kriegste nur weg wenn du das ganze ding umschreibst!
mfg
|
|
PHP-Quelltext |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
var locationAfterPreload = "seite.html" // <---hier die seite nachdem preloaden eintragen
var preloadbarWidth = 200 //
var preloadbarHeight = 20 //
var backgroundOfGradient = "0000FF"
//
startingColor[0] = "f"
startingColor[1] = "f"
startingColor[2] = "f"
//
endingColor[0] = "f"
endingColor[1] = "f"
endingColor[2] = "f"
|
mit den einstellungen rumspielst...aber es bleibt der balken...is halt DER bestandteil des preloaders...den kriegste nur weg wenn du das ganze ding umschreibst!
mfg
Ähnliche Themen
-
PHP »-
preloader in php?
(21. Juni 2003, 01:55)
-
- (X)HTML & CSS & DHTML & Javascript »
-
javascript preloader
(10. April 2003, 14:48)
-
- Flash »
-
derbauer Preloader.Wie einbauen???
(8. März 2003, 19:33)
-
- Flash »
-
nochma preloader
(7. November 2002, 14:09)