preloader en javascript

MaBoRaK · #1 (**permalink**) 02/05/2003, 18:14

loading....

Eh visto paginas webs con preloaders que usan una capa antes que la web entera

http://usuarios.lycos.es/ciberchannel/inicio.htm

Pero como puedo hacer un preloader en porcentaje? uno que muestre el porcentaje cargado? hasta el momento? en javascript? o en php? porfavor alguien me ayude.
Gracias

Connection closed.

josevirtual · #2 (**permalink**) 26/07/2009, 12:57

he encontrado este codigo en un blog espero que te sirva

Código:

<html>
<head>
<title>Preload Image Page</title>

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

/*
Preload Image With Update Bar Script (By Marcin Wojtowicz [[email protected]])
Submitted to and permission granted to Dynamicdrive.com to feature script in it's archive
For full source code to this script and 100's more, visit 
*/

// You may modify the following:
var locationAfterPreload = "url_que quieras" // 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("imagen1","imagen2")

// 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>

no puedo mostrar de donde lo consegui porque no me permiten todavia en el foro pero espero que te sea de utilidad