skrypt - images preloading

HTML to podstawy w dziedzinie tworzenia stron WWW, Style CSS warto opanować, bowiem za ich pomocą można dostosować odpowiednio wygląd swojej witryny WWW. Zagłębiamy się dalej i udostępniamy w tym forum możliwość zadawania pytań o JavaScript.
ODPOWIEDZ
Wujek_Bogdan
Posty: 2
Rejestracja: pn sie 15, 2005 12:38 am

skrypt - images preloading

Post autor: Wujek_Bogdan »

Witam.

uzylem gotowego (troche zmodyfikowanego na moje potrzeby) skryptu do ladowania obrazkow. skrypt niby dziala, czyli laduje obrazki przed zaladowaniem sie strony, ale gdy przechodzi do strony glownej obrazki i tak sie laduja, tak jakby skrypt wcale ich nie wczytal

adres strony to www.fundament.tk (prawdziwy adres gpxo.com/czarek/fundament) skrypt znajduje sie w pliku index.html. potem nastepuje przekierowanie do index1.html

ps. sprawdzalem przed moimi modyfikacja: tez nie dzialal.


oto kod:

Kod: Zaznacz cały

<script language="JavaScript1.1">
<!-- begin hiding


// You may modify the following:
        var locationAfterPreload = "http://gpxo.com/czarek/fundament/index1.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("images/6_01.jpg","images/6_02.jpg","images/6_04.jpg","images/6_05.jpg","images/6_07.jpg","images/6_08.jpg","images/6_10.jpg","images/6_11.jpg","images/6_13.jpg","images/6_14.jpg","images/6_16.jpg","images/6_17.jpg","images/6_18.jpg","images/6_19.jpg","images/6_20.jpg","images/6_21.jpg","images/6_23.jpg","images/6_24.jpg","images/6_25.jpg","images/6_27.jpg","images/foto.jpg","images/foto1.jpg","images/foto_1.jpg","images/graffiti.jpg","images/graffiti_1.jpg","images/index_01.jpg","images/index_02.jpg","images/index_03.jpg","images/index_04.jpg","images/index_05.jpg","images/index_06.jpg","images/index_07.jpg","images/index_08.jpg","images/index_09.jpg","images/index_10.jpg","images/index_11.jpg","images/index_12.jpg","images/index_13.jpg","images/index_14.jpg","images/index_15.jpg","images/index_16.jpg","images/index_17.jpg","images/index_18.jpg","images/index_19.jpg","images/index_20.jpg","images/index_21.jpg","images/index_22.jpg","images/index_23.jpg","images/index_24.jpg","images/index_25.jpg","images/index_26.jpg","images/index_27.jpg","images/inne.jpg","images/inne1.jpg","images/inne_1.jpg","images/linki.jpg","images/linki_1.jpg","images/mail.gif","images/mail.jpg","images/mp3.jpg","images/mp31.jpg","images/mp3_1.jpg","images/onas.jpg","images/onas1.jpg","images/onas_1.jpg","images/produkcja.jpg","images/produkcja1.jpg","images/produkcja_1.jpg","images/spacer.jpg","images/studio.jpg","images/studio1.jpg","images/studio_1.jpg")

// 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" // 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 = "blue.gif" // 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>

</head>

<body bgcolor="black" link="White" vlink="White" alink="White">

<center>
<font size="4" color="white">. . : : TuITreraz.Fundament.Muzyka.Graffiti : : . .<br>
Trwa ładowanie strony...</font><p>
0%
<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()
}
document.write('<p><small><center><a href="javascript:window.location=locationAfterPreload">Pomiń ładowanie</a></center></small></p>')
// end hiding -->
</script>

dzieki za pomoc.
ODPOWIEDZ