Avatar billede rockie6 Nybegynder
11. juli 2002 - 17:23 Der er 4 kommentarer og
1 løsning

Preload

Hvordan er scriptet for at alle billederne loades før siden åbnes....???? OBS: Der skal stå "Loader... " imens der loades!
Avatar billede keysersoze Ekspert
11. juli 2002 - 17:34 #1
en mulighed er følgende;

www.soze.dk/nimrod

selve siden er nede pga ændringer i databasen - men du kan lige nå at se hvordan preload fungerer
Avatar billede rockie6 Nybegynder
11. juli 2002 - 17:35 #2
Jo... Det skulle gerne være sådan en...
Avatar billede keysersoze Ekspert
11. juli 2002 - 17:45 #3
kan du selv "hugge" koden derfra - eller skal jeg se om jeg kan finde den i mine gemmer og sende den?
Avatar billede rockie6 Nybegynder
11. juli 2002 - 17:46 #4
Jeg kan ikke selv "hugge" den... Det er ASP.... Så du må meget gerne sende den!!
Avatar billede keysersoze Ekspert
11. juli 2002 - 18:04 #5
der er nu ikke særlig meget asp i det - kommentarer har jeg lige lagt ind for de vigtigste ting;

<html>
<head>
<title>nimrod</title>
<link rel="stylesheet" href="styles/style.css" type="text/css">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<script type="text/javascript">
<!--
    <!-- denne stiller vi om til når der er preloaded -->
    var locationAfterPreload = "done.html"
        <!-- så bred er baren -->
    var lengthOfPreloadBar = 300
      <!-- så høj er baren -->
    var heightOfPreloadBar = 15
        <!-- disse billeder preloades -->
    var yourImages = new Array("images/front.gif","images/bund.gif","images/close_a.gif","images/close_o.gif","images/close_d.gif","images/hojre_frame.gif","images/side_menu.gif","images/top.gif","images/top_frame.gif")

if (document.images) {
    var dots = new Array()
    dots[0] = new Image(1,1)
        <!-- billede på 1x1 til ikke loadet -->
    dots[0].src = "images/black.gif"
    dots[1] = new Image(1,1)
        <!-- billede på 1x1 for loadet -->
    dots[1].src = "images/orange.gif"
    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 marginwidth="0" marginheight="0">

<table height="100%" align="center" width="679" border="0">
<tr>
<td valign="middle">
    <table width="100%" valign="middle" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td>
        <table width="100%" height="449" border="0" cellspacing="0" cellpadding="0">
        <tr>
        <td>
            <p align="center">
            <img src="images/henter_data.gif" width="75" height="7"><br/><br/>
            <img src="images/0_procent.gif" width="27" height="10">

<script type="text/javascript">
<!--
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>
            <img src="images/100_procent.gif" width="27" height="10">
            </p>
        </td>
        </tr>
        </table>
    </td>
    </tr>
    </table>
</td>
</tr>
</table>

</body>
</html>
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester