wie mach ich nen preloader?
- Themenstarter Samuel
- Beginndatum
5
5thavenue
Da...
... will ich mich anschliessen, dieses Posting wollte ich auch gerade machen. Ich bin so noch nicht fündig geworden.
5thavenue
... will ich mich anschliessen, dieses Posting wollte ich auch gerade machen. Ich bin so noch nicht fündig geworden.
5thavenue
soraxdesign
Erfahrenes Mitglied
<head>
<body>
PHP:
<script language="JavaScript1.1">
<!-- begin hiding
// You may modify the following:
var locationAfterPreload = "haupt/index.htm" // URL of the page after preload finishes
var lengthOfPreloadBar = 200// Length of preload bar (in pixels)
var heightOfPreloadBar = 5 // 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("haupt/images/framesback.jpg","haupt/images/grau.jpg","haupt/images/shoutboxback.jpg","haupt/images/tabellenbackground.jpg","haupt/images/main_01.jpg","haupt/images/main_02.jpg","haupt/images/main_03.jpg","haupt/images/main_04.jpg")
// Do not modify anything beyond this point!
if (document.images) {
var dots = new Array()
dots[0] = new Image(1,1)
dots[0].src = "silver.jpg" // default preloadbar color (note: You can substitute it with your image, but it has to be 1x1 size)
dots[1] = new Image(1,1)
dots[1].src = "gray.jpg" // color of bar as preloading progresses (same note as above)
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 -->
</script>
<endhead><body>
PHP:
<script language="JavaScript1.1">
<!-- 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()
}
// end hiding -->
</script>
<endbody>
Zuletzt bearbeitet:
Samuel
Erfahrenes Mitglied
ich komm mit dem script nicht weiter
ich hab ein bisschen mit dem script rumprobiert aber ich kenn mich nicht aus, kann mir hier keiner weiterhelfen? er wäre mir wirklich sehr nützlich, will das script verstehn nicht nur zum laufen bringen (geht eh von anfang an), also pls help me
danke im voraus
greets daIllu ;-)
ich hab ein bisschen mit dem script rumprobiert aber ich kenn mich nicht aus, kann mir hier keiner weiterhelfen? er wäre mir wirklich sehr nützlich, will das script verstehn nicht nur zum laufen bringen (geht eh von anfang an), also pls help me
danke im voraus
greets daIllu ;-)
