here goes
<!-- Påbegynd gem
var locationAfterPreload = "index2.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)
// Alle billeder der skal på sitet skal have deres egne urls
var yourImages = new Array("
http://www.blabla.com/images/index_04.gif","
http://www.blabla.com/images/index_05.gif")
if (document.images) {
var dots = new Array()
dots[0] = new Image(17,1)
dots[0].src = "Transparent Back.gif" // Bag loaderbar
dots[1] = new Image(17,1)
dots[1].src = "Loader Bar.gif" // Farven på loaderbaren
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=#CBD6A7 LEFTMARGIN=0 TOPMARGIN=300 MARGINWIDTH=0 MARGINHEIGHT=0>
<TABLE WIDTH=350 BORDER=0 align="center" CELLPADDING=0 CELLSPACING=0>
<TR>
<TD COLSPAN=3>
<IMG SRC="images/index_01.gif" WIDTH=350 HEIGHT=139 ALT=""></TD>
</TR>
<TR>
<TD ROWSPAN=2>
<IMG SRC="images/index_02.gif" WIDTH=99 HEIGHT=41 ALT=""></TD>
<TD> <table width="154" height="19" border="0" align="center" cellpadding="0" cellspacing="0" background="Bevel2.gif">
<tr>
<td width="0" height="0" align="center"> <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></TD>
<TD ROWSPAN=2>
<IMG SRC="images/index_04.gif" WIDTH=97 HEIGHT=41 ALT=""></TD>
</TR>
<TR>
<TD>
<IMG SRC="images/index_05.gif" WIDTH=154 HEIGHT=22 ALT=""></TD>
</TR>
</TABLE>
</BODY>
</HTML>