Avatar billede bbrockie Nybegynder
17. december 2001 - 03:35 Der er 3 kommentarer og
1 løsning

Sej menu + preload

Hej folkens..
Nu kom jeg tilfældigvis forbi følgende hp --> http://www.neuon.com/

Som i kan se på siden, så er alle billederne til menuen allerede indlæst når du kommer dertil. Hvordan gør man dette?

Nåjo, den dér mouseover effekt har jeg også set før, men er lidt i tvivl om hvordan man laver en sådan en fyr.. any thoughts? :)

På forhånd tak
Avatar billede bobbedude Nybegynder
17. december 2001 - 06:54 #1
nop der er ej, jeg sidder på en 3mbit og da jeg kom ind var der ingen billeder de kom sener.
Avatar billede bobbedude Nybegynder
17. december 2001 - 07:05 #2
Med dette script kan du preloade gif filer:


<html>
<title>Preloader</title>
<head>
<script language=\"JavaScript\">
<!--
vers = 1.0;
// -->
</script>
<script language=\"JavaScript1.1\">
<!--
vers = 1.1;
// -->
</script>
<script language=\"javascript\">
<!--
function initArray() {
for (var i = 0; i < initArray.arguments.length; i++)
  this[i] = initArray.arguments[i];
this.length = initArray.arguments.length;
}
var pics = new initArray(
\"toppen.gif\",
\"forside-ned.gif\",
\"forside-op.gif\",
\"spot-ned.gif\",
\"spot-op.gif\",
\"bund.gif\",
\"konk-ned.gif\");

var transfer_url = \"start.asp\"; // URL of second page goes here

function transfer(param) {
if (vers>1.0)
  location.replace(transfer_url);
else
  location.href = transfer_url;
}

function done() {
if (vers < 1.1)
  transfer();
else
  commence_loading();
}

function commence_loading() {
for (g=0;g<pics.length;g++)
  eval(\'document.preload\'+g+\'.src = \"\'+pics[g]+\'\";\');
}

// preload the status bar images
if (vers >= 1.1) {
blue = new Image();
blue.src = \"blue.gif\";
black = new Image();
black.src = \"black.gif\";
}

var loaded = new Object();
for (h=0;h<pics.length;h++)
loaded[h] = 0;
num_loaded = 0;

function update(num) {
loaded[num]++;
if (loaded[num] == 2) {
  eval(\'document.status\'+num_loaded+\'.src = \"blue.gif\";\');
  num_loaded++;
  if (num_loaded == pics.length)
  transfer();
}
}
// -->
</script>
</head>
<body bgcolor=\"#ffffff\" onLoad=\"done()\">
<center><br>
<font size=+1 face=\"Arial,Helvetica\">For at få det bedste resultat ud til dig<br>
skal vi lige hente et par billeder.</font><br>
<script language=\"JavaScript\">
<!--
if (vers < 1.1) {
document.write(\'For at se denne side skal du have Explorer 4 eller højere<br>\'
  + \'Du kan også bruge Netscape 3 eller højere\');
for (j=0;j<pics.length;j++) {
  document.write(\'<img src=\"\'+pics[j]+\'\" width=1 height=1>\');
}
} else {
document.write(\'<table><tr><td><b>status:</b> \'
  + \'<img src=\"blue.gif\" width=15 height=10>\');
for (k=0;k<pics.length;k++)
  document.write(\'<img src=\"black.gif\" width=30 height=10 name=\"status\'+k+\'\">\');
document.write(\'</td></tr></table><br>\'
  + \'<a href=\"\'+transfer_url+\'\">Jeg gider ikke vente</a>\');
for (j=0;j<pics.length;j++) {
  document.write(\'<img src=\"black.gif\" width=1 height=1 \'
  + \'onLoad=\"update(\'+j+\')\" name=\"preload\'+j+\'\">\');
}
}
// -->
</script>
</center>
</body>
</html>
Avatar billede rostved17 Nybegynder
17. december 2001 - 07:13 #3
:o) De var heller ikke indlæst hos mig...

Sidder på en 512 linie...
Avatar billede bbrockie Nybegynder
17. december 2001 - 08:53 #4
Nu ved jeg ikke om det mon er min 8mbit linie der hiver den ned, hurtigere end jeg kan nå at blinke; men efter utallige force refresh, så er grafikken i menuen der allerede.

Tror vist jeg har forklaret det godt nok.. det er altså det billede der skifter, ved hvert mouseover i menuen, ovenpå selve \"menulinien\" :o)

Tak for indslagene folkens! ;)
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