Avatar billede antilus Nybegynder
28. maj 2001 - 17:14 Der er 3 kommentarer og
1 løsning

PReloading af billeder

I har sikkert tidt set dem:
Der er en status linje der viser hvor langt den er nået med at preloade billederne!!

Men hvordan laver jeg sådan en proloade funktion + preloader...

JEg håber der er nogen der kan hjælpe mig!


Rasmus.

Nb. Når den har loadet fertig skal den kører en funktion med navnet:

java script:openIT();
Avatar billede nute Nybegynder
28. maj 2001 - 17:19 #1
Avatar billede antilus Nybegynder
28. maj 2001 - 17:22 #2
Nej!
Den skal kunne loade billeder, men samtidig skal brugeren kunne så hvor langt der er igen!
Og når den er fertig skal den onloade et javascript!
Avatar billede antilus Nybegynder
28. maj 2001 - 17:29 #3
Her er der en:

http://hjem.get2net.dk/Carsten-Vinde/1024.htm

Men man må desværre ikke tage den når der er copyright!?! :(
Avatar billede antilus Nybegynder
28. maj 2001 - 17:37 #4
NEj det har jeg altså ikke tid til!
Så nu kan det også bare være lige meget, så stjæler jeg den bare!


Koden:

<html>

<head>

<style TYPE=\"text/css\">

<!--    A:link {color:#666666;}
    A:visited {color:666666;}
    A:active {color:#FBE800;}
    A:hover {color:#FBE800;} -->
</style>

<title></title>
<script language=\"JavaScript\">
<!--
vers = 1.0;
// -->
</script>
<script language=\"JavaScript1.1\">
<!--
vers = 1.1;
// -->
</script>
<script
language=\"javascript\">
<!--
function initArray() {
this.length = initArray.arguments.length;
for (var i = 0; i < this.length; i++) {
  this[i] = initArray.arguments[i];
}
}


var pics = new initArray(
\"bg2.jpg\",
\"bg.jpg\",
\"about2.jpg\",
\"/bund.jpg\",
\"bund1.jpg\",
\"bund2.jpg\",
\"download2.jpg\",
\"grafik2.jpg\",
\"hack2.jpg\",
\"kontakt2.jpg\",
\"linje.jpg\",
\"linje2.jpg\",
\"linkz2.jpg\",
\"main2.jpg\",
\"vindue.jpg\",
\"vip2.jpg\");

var transfer_url = \"index2.html\";

function transfer() {
location.replace(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 initArray(0);
for (h=0;h<pics.length;h++)
loaded[h] = 0;
num_loaded = 0;

function update(num) {
loaded[num]++;
if (loaded[num] == 2) {
  if (vers < 1.1)
  document.stats.status.value += \"||\";
  else
  eval(\'document.status\'+num_loaded+\'.src = \"blue.gif\";\');
  num_loaded++;
  if (num_loaded == pics.length)
  transfer();
}
}
// -->
</script>
</head>

<body bgcolor=\"#000000\" onLoad=\"done()\" link=\"#FFFFFF\" vlink=\"#FFFFFF\" alink=\"#FFFFFF\"
text=\"#FFFFFF\" background=\"../img/login.jpg\">

<p align=\"center\"><font color=\"#FBE800\"><script language=\"JavaScript\"><!--
if (vers < 1.1) {
document.write(\'What a pitiful browser you have! Get Netscape 3 or above to see<br>\'
  + \'all the great stuff on this site\');
for (j=0;j<pics.length;j++) {
  document.write(\'<img src=\"\'+pics[j]+\'\" width=1 height=1>\');
}
} else {
document.write(\'<table><tr><td><b><font face=\"Verdana\"><font color=\"#FBE800\"><font size=\"2\">Loading:</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+\'\"></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> </font> </p>

<p align=\"center\">&nbsp;</p>
<script language=\"JavaScript1.2\">
if (document.all)
document.body.onmousedown=new Function(\"if (event.button==2||event.button==3)alert(\'ViruZ\')\")
</script>


<font color=\"red\" align=\"center\">Loading</font>


</body>
</html>

SLut!
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