Hola
eeeee, imagino que
caricatos te pregunta que veas el código fuente generado para saber si hay algún error, ya que seguramente la ejecución no te muestra ninguno...
Yo uso este código y aunque es extenso funciona muy bien...
Código HTML:
<head>
<script language="JavaScript1.1">
<!--
// puedes modificar aquí...
var locationAfterPreload = "index.html" // URL a cargar luego de la precarga
var lengthOfPreloadBar = 350 // Longitud de la barra del preload (en pixels)
var heightOfPreloadBar = 16 // Alto de la barra del preload (en pixels)
// Aqui van las imagenes que se precargarán.
var yourImages = new Array(
"imagen01.jpg",
"imagen02.jpg",
"imagen03.jpg",
"imagenXX.jpg")
// No modificar "el código" desde aquí:
if (document.images) {
var dots = new Array()
dots[0] = new Image(1,1)
dots[0].src = "imgs/barra.blanca.gif" // default color de la barra (se puede colocar cualquier imagen de 1x1 px)
dots[1] = new Image(1,1)
dots[1].src = "imgs/barra.verde.degrade.gif" // default color del progreso de la barra, igual que el anterior
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)
}
// -->
</script>
</head>
<body bgcolor="#CCCCCC">
<center>
<br>
<b><font size="+1">preload xxx.com</font></b><br>
<br>
<br>
Please be patient while some images<br>are being preloaded...
<p>
<table width="300" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<script language="JavaScript1.1">
<!--
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()
}
// -->
</script>
</td>
</tr>
</table>
<script language="JavaScript1.1">
<!--
document.write('<p><a href="javascript:window.location=locationAfterPreload"><font size="-2">Skip Preloading</font></a>')
-->
</script>
</center>
</body>
Salu2.