Avatar billede darkstylerdk Nybegynder
25. april 2004 - 14:35 Der er 10 kommentarer og
1 løsning

Loade HELE webstedets grafik?

Jeg kører enb loading-side med følgende kode på mit websted...






<html>
<head>
<title>Henter siden</title>

<script language="JavaScript1.1">
<!-- begin hiding



// You may modify the following:
    var locationAfterPreload = "index.htm" // 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)
    // Put the URLs of images that you want to preload below (as many as you want)
    var yourImages = new Array("toppen/terningen/left.jpg","toppen/terningen/center.jpg","toppen/terningen/right.jpg","toppen/lystbad/left.jpg","toppen/lystbad/center.jpg","toppen/lystbad/right.jpg","toppen/retten/left.jpg","toppen/retten/center.jpg","toppen/retten/right.jpg","toppen/hvalfisk/left.jpg","toppen/hvalfisk/center.jpg","toppen/hvalfisk/right.jpg","toppen/kirker/left.jpg","toppen/kirker/center.jpg","toppen/kirker/right.jpg","toppen/naturleg/left.jpg","toppen/naturleg/center.jpg","toppen/naturleg/right.jpg")

// Do not modify anything beyond this point!
if (document.images) {
    var dots = new Array()
    dots[0] = new Image(1,1)
    dots[0].src = "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 = "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>

</head>

<body bgcolor="#FFFFFF">

<center>
<font size="4">Vent venligst. Sidens grafik hentes...</font>
<p>
0%
<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()
}
document.write('<p><small><a href="java script:window.location=locationAfterPreload">Spring over</a> </small></p>')
// end hiding -->
</script>
</center>

</body>
</html>





Det fungerer meget godt på min første side, men de følgende sider virker det ikke på. (Der skal kun hentes 3 top-billeder til hver side). Hvordan kan jeg loade HELE webstedets (alle sidernes) grafik i én fil?
Avatar billede darkstylerdk Nybegynder
25. april 2004 - 14:39 #1
Siden jeg laver det til er www.radikale.frac.dk
Avatar billede darkstylerdk Nybegynder
25. april 2004 - 15:01 #2
Ved ikke om det er placeret det rigtige sted... Hvis ikke skriv da hvor jeg skal placere det.
Avatar billede olebole Juniormester
25. april 2004 - 16:32 #3
<ole>

Hvorfor dog loade al grafik på første side? Og hvorfra ved du, hvad der er første side? Kommer brugeren ind via et link - eller en søgemaskine - kan hvilken somhelst side være 'første side'.
Desuden bør første side være hurtig, da du ellsers risikerer at skræmme brugeren væk med en tung side.

Det er en rigtig skidt idé - hvorfor du aldrig ser det gjort på professionelt kodede sider  :)

/mvh
</bole>
Avatar billede darkstylerdk Nybegynder
26. april 2004 - 15:13 #4
Ok... Så skal jeg bruge et script til at loade hele siden inden den vises... Kan du hjælpe mig med det?
Avatar billede olebole Juniormester
26. april 2004 - 15:21 #5
<script type="text/JavaScript">
var pics = new Array( "pic1.jpg", "pic2.gif", "pic3.jpg" );

for ( i=0; i<pics.length; i++ ) {
  var im = new Image();
  im.src = pics[i];
}
</script>
Avatar billede darkstylerdk Nybegynder
26. april 2004 - 15:26 #6
tester det lige
Avatar billede darkstylerdk Nybegynder
26. april 2004 - 15:29 #7
<html >
<head>
<title>Det Radikale Venstre i Svendborg</title>
<LINK HREF="stylesheet.css" TYPE="text/css" REL="stylesheet">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />

<script>

var ns4class=''
</script>




<script type="text/JavaScript">
var pics = new Array( "toppen/lystbad/left.jpg", "toppen/lystbad/center.jpg", "toppen/lystbad/right.jpg" );

for ( i=0; i<pics.length; i++ ) {
  var im = new Image();
  im.src = pics[i];
}
</script>



</head>

<body link="#000000" vlink="#000000" alink="#000000" onLoad="java script:popUp()">





<center>
<br>
  <table width="0" border="0" height="0" cellpadding="0" cellspacing="5">
    <!--DWLayoutTable-->
    <tr>
      <td width="243" height="0" valign="top">
      <a href="/index.htm">
      <img border="0" src="toppen/lystbad/left.jpg" width="243" height="243"></a></td>
      <td width="243" valign="top">
      <a href="/index.htm">
      <img border="0" src="toppen/lystbad/center.jpg" width="243" height="243"></a></td>
      <td width="243" valign="top">
      <a href="/index.htm">
      <img border="0" src="toppen/lystbad/right.jpg" width="243" height="243"></a></td>
    </tr>
    <tr>
   
   
   
   
            <td height="106" valign="top">
      <script type="text/JavaScript" src="menu.js"></script>
    <div class="copyright">Design og kode © Kristian Klitgaard</div></td>





      <td colspan="2" valign="top"><p class="titel">Velkommen til Svendborg
      Radikale Venstre<br>
        </p>
        <p>
          <img border="0" src="fotos/reform.jpg" width="100" height="100" align="right"><strong>St&oslash;rre kommuner m&aring; betyde decentralisering! </strong><br>
          Hvis ikke det skal v&aelig;re: Kr&aelig;fternes eller flertallets frie spil, m&aring; man fra lovgivnings side vise ansvar og styre denne udvikling.<br>
          Er yderomr&aring;derne nu, i endnu h&oslash;jere grad, d&oslash;mt til at v&aelig;re d&oslash;de boomr&aring;der, uden forretninger, institutioner og arbejdspladser?<br>
        <a href="kommunesammenlagning.htm">Læs mere &gt;&gt;</a></p>
        <p>&nbsp;</p>
       
                <p>
          <img border="0" src="fotos/m_jelved.jpg" width="100" height="100" align="right"><b>L&aelig;rernes engagement er skolens livsnerve&hellip; </b> <br>
          Det var en af de markante udmeldinger Marianne Jelved kom med p&aring; det skolepolitiske m&oslash;de onsdag aften, hvor hun var alene p&aring; banen, grundet et sidste &oslash;jebliks afbud fra Konservative Helle Sjelle. M&oslash;det var arrangeret af Svendborg Radikale v&aelig;lgerforening.<br>
        <a href="jelvedmode.htm">Læs mere &gt;&gt;</a></p>
                <p>
</p></td>
    </tr>
    <tr>
      <td height="0" colspan="3" valign="top" class=footer> indhold &copy; 2004
      Svendborg Radikale Venstre -Alle rettigheder forbeholdes</td>
    </tr>
  </table>
</center>
</body>
</html>



Nu får jeg fejl
Avatar billede darkstylerdk Nybegynder
26. april 2004 - 15:30 #8
den der pop kommer ikke endnu
Avatar billede darkstylerdk Nybegynder
26. april 2004 - 15:31 #9
nu virker det sørme takker
Avatar billede olebole Juniormester
26. april 2004 - 15:50 #10
Goodie ... du skal lige vide, at 'java script:' bruger man aldrig i en event-handler (onmouseover, onclick, onload o.lign.). Den bruges kun i href'en på et link for at fortælle browseren, at den skal kalde gennem JavaScript-pseudo-protokollen - og ikke som vanligt gennem HTTP-protokollen  ;o)

Altså bare: onLoad="popUp()"
/mvh
Avatar billede darkstylerdk Nybegynder
26. april 2004 - 20:08 #11
oki
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

Seneste spørgsmål Seneste aktivitet
13 min siden Ny printer, men hvilken Af mort1 i Printere
I går 19:41 USB på Linux Af Uvanga i Linux
12/0818:26 Hvilken type mus Af mort1 i PC
11/0813:21 ms Forms Af leahcim i Andet software
10/0821:30 Blokeret på Snapchat? Af LineP i Chat & Messaging