Mira, asi lo estoy usando y funciona, por ejemplo esta pagina se llama "preload.htm" (lo que en realidad sería el index.htm, pero yo la llamo desde una animación flash):
Código HTML:
<html>
<head>
<title>NombreSitio.com * Preload Image Page</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript1.1">
<!--
// You may modify the following:
var locationAfterPreload = "index1.php" // URL of the page after preload finishes
var lengthOfPreloadBar = 350 // Length of preload bar (in pixels)
var heightOfPreloadBar = 16 // 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(
"imgs/top/img11.jpg",
"imgs/top/img12.jpg",
"imgs/top/img13.jpg",
"imgs/top/img14.jpg",
"imgs/top/imgXX.jpg")
// Do not modify anything beyond this point!
if (document.images) {
var dots = new Array()
dots[0] = new Image(1,1)
dots[0].src = "imgs/barra.blanca.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 = "imgs/barra.verde.degrade.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)
}
// -->
</script>
<link href="css/index1.css" rel="stylesheet" type="text/css">
</head>
<body bgcolor="#FFFFFF">
<center>
<span class="TextoBase"><br>
<strong><font size="+1">NombreSitio.com</font></strong><br>
<br>
<br>
Please be patient while some images<br>
are being preloaded...</span>
<p>
<table width="300" border="0" cellpadding="0" cellspacing="0" class="TBrestauracion">
<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"><span class="TextoBase"><font size="-2">Skip Preloading</font></span></a>')
// -->
</script>
</center>
</body>
</html>
Prueba a ver si te funciona, sinó enviame el código para ver que error puedes tener...
Salu2.