Centrer PreloadBar
Er det muligt at centrerer preloadbaren på dette script, således at baren ikke loader fra V. mod H., men derimod fra centrum og udad til begge sider?Lars
<script language=\"JavaScript1.1\">
<!-- begin hiding
/*
Preload Image With Update Bar Script (By Marcin Wojtowicz [one_spook@hotmail.com])
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 http://dynamicdrive.com
*/
// You may modify the following:
var locationAfterPreload = \"home.asp\" // URL of the page after preload finishes
var lengthOfPreloadBar = 175 // Length of preload bar (in pixels)
var heightOfPreloadBar = 4 // 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/k1.gif\",\"../images/k1b.gif\", \"../images/k1c.gif\", \"../images/k1d.gif\",\"../images/k2.gif\", \"../images/k2b.gif\", \"../images/k2d.gif\",\"../images/k3.gif\", \"../images/k3b.gif\", \"../images/k3c.gif\",\"../images/k3d.gif\", \"../images/k4.gif\", \"../images/k4b.gif\",\"../images/k5.gif\", \"../images/k5b.gif\", \"../images/knap.gif\",\"../images/knap_ani.gif\", \"../images/logo.gif\", \"../images/mail.gif\",\"../images/tiltop.gif\", \"../images/tranperant.gif\", \"../images/transperant_sprog.gif\", \"../images/url.gif\", \"../images/blaa_streg.gif\", \"../images/menuimages/skolen.gif\", \"../images/menuimages/skolen2.gif\", \"../images/menuimages/grafik.gif\", \"../images/menuimages/grafik2.gif\", \"../images/menuimages/industriel.gif\", \"../images/menuimages/industriel2.gif\", \"../images/menuimages/tekstil.gif\", \"../images/menuimages/tekstil2.gif\", \"../images/menuimages/intermedia.gif\", \"../images/menuimages/intermedia2.gif\", \"../images/menuimages/ekstra.gif\", \"../images/ukmenuimages/ekstra2.gif\", \"../images/ukmenuimages/skolen2.gif\", \"../images/ukmenuimages/grafik.gif\", \"../images/ukmenuimages/grafik2.gif\", \"../images/ukmenuimages/industriel.gif\", \"../images/ukmenuimages/industriel2.gif\", \"../images/ukmenuimages/tekstil.gif\", \"../images/ukmenuimages/tekstil2.gif\", \"../images/ukmenuimages/intermedia.gif\", \"../images/ukmenuimages/intermedia2.gif\", \"../images/ukmenuimages/ekstra.gif\", \"../images/ukmenuimages/ekstra2.gif\", \"../images/question.gif\")
// Do not modify anything beyond this point!
if (document.images) {
var dots = new Array()
dots[0] = new Image(1,1)
dots[0].src = \"../images/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 = \"../images/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>
<meta name=\"site-config-URL\" content=\"\">
</head>
<body bgcolor=\"#FFFFFF\">
<center>
<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\" height=\"100%\">
<tr>
<td valign=\"middle\" align=\"center\">
<div align=\"center\">
<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()
}
// end hiding -->
</script>
</div>
</td>
</tr>
</table>
</center>
</body>
</html>
