hallo
wie kann ich meine website zu anfang komplett in den userspeicher laden, so dass danach alle bilder sofort erscheinen und keine ladezeiten mehr benötigen?
das muss doch irgendwie funktionieren…
dank an alle, die helfen koennnen im voraus
kathrin
Preload Image Page
<!-- begin hiding
/*
Preload Image With Update Bar Script (By Marcin Wojtowicz [[email protected]])
*/
// You may modify the following:
var locationAfterPreload = „index_homepage.html“ // URL of the page after preload finishes
var lengthOfPreloadBar = 150 // Length of preload bar (in pixels)
var heightOfPreloadBar = 15 // Height of preload bar (in pixels)
// Put the URLs of images that you want to preload below (as many as you want)
var yourImages = new Array(„img/bg_homed_mid.jpg“,„img/home_logo_2.gif“)
// Do not modify anything beyond this point!
if (document.images) {
var dots = new Array()
dots[0] = new Image(1,1)
dots[0].src = „black.gif“
dots[1] = new Image(1,1)
dots[1].src = „blue.gif“
var preImages = new Array(),coverage = Math.floor(lengthOfPreloadBar/yourImages.length),currCount = 0
var loaded = new Array(),i,covered,timerID
var leftOverWidth = lengthOfPreloadBar%coverage
}
function loadImages() {
for (i = 0; i < yourImages.length; i++) {
preImages[i] = new Image()
preImages[i].src = yourImages[i]
}
for (i = 0; i < preImages.length; i++) {
loaded[i] = false
}
checkLoad()
}
function checkLoad() {
if (currCount == preImages.length) {
location.replace(locationAfterPreload)
return
}
for (i = 0; i <= preImages.length; i++) {
if (loaded[i] == false && preImages[i].complete) {
loaded[i] = true
eval(„document.img“ + currCount + „.src=dots[1].src“)
currCount++
}
}
timerID = setTimeout(„checkLoad()“,10)
}
// end hiding -->
Bitte Warten einige Bilder
werden geladen…
0%
<!-- begin hiding
// It is recommended that you put a link to the target URL just in case if the visitor wants to skip preloading
// for some reason, or his browser doesn’t support JavaScript image object.
if (document.images) {
var preloadBar = ‚‘
for (i = 0; i < yourImages.length-1; i++) {
preloadBar += ‚<img src="‘ + dots[0].src + ‚" width="‘ + coverage + ‚" height="‘ + heightOfPreloadBar + ‚" name="img‘ + i + ‚" align=„absmiddle“>‘
}
preloadBar += ‚<img src="‘ + dots[0].src + ‚" width="‘ + (leftOverWidth+coverage) + ‚" height="‘ + heightOfPreloadBar + ‚" name="img‘ + (yourImages.length-1) + ‚" align=„absmiddle“>‘
document.write(preloadBar)
loadImages()
}
document.write(’<p><small><a href=„javascript:window.location=locationAfterPreload“>Überspringe Laden</a> | </small></p>’)
// end hiding -->
[Bei dieser Antwort wurde das Vollzitat nachträglich automatisiert entfernt]