25. april 2004 - 14:35Der 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?
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 :)
<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ørre kommuner må betyde decentralisering! </strong><br> Hvis ikke det skal være: Kræfternes eller flertallets frie spil, må man fra lovgivnings side vise ansvar og styre denne udvikling.<br> Er yderområderne nu, i endnu højere grad, dømt til at være døde boområder, uden forretninger, institutioner og arbejdspladser?<br> <a href="kommunesammenlagning.htm">Læs mere >></a></p> <p> </p>
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)
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.