Hallo,
ich habe mir folgenden Code geschrieben:
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18: |
img = new Array("images/image1.jpg", "images/image2.jpg", "images/image3.jpg", "images/image4.jpg", images/image5.jpg);
preloader(img, 'status', 'index2.html');
..
..
function preloader(images, status_id, forward_url)
{
for (var i = 0; i < images.length; i++) {
var buffer = new Image();
buffer.src = images[i];
document.getElementById(status_id).innerHTML = "Loading image " + i + " of " + images.length + " ...";
}
document.getElementById(status_id).innerHTML = '<a href="'+ forward_url + '">Forwarding ...</a>';
}; |
Die Funktion preload wird auf onLoad aufgerufen.
Das HTML:
1:
2:
3:
4: |
...
<div id="status">status will be shown here..</>
... |
Das Script sollte die Bilder vom Array in den Cache vom Browser laden, die Anzahl der geladenen Bilder anzeigen und am Ende mich auf die gewünschte Seite weiterleiten.
Alles geht wunderbar, aber die Bilder werden auf der weitergeleiteten Seite erneut geladen, also mein Script cached keine Bilder..
So ungefär schaut es aus..
Ich geh auf meine preload Seite, innerhalb einer Sekunde meint er alle Bilder geladen zu haben (was nicht sein kann) und leitet mich auf die forward_url um.
Dort werden die Bilder dann geladen, was ca 30 Sek. dauert (was ich auch auf der preload Seite erwartet hätte..)
Kann mir jemand helfen?
thx, blinkie
