CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg
Cookie ikon
Avatar billede fætterguf Nybegynder
07. juni 2000 - 09:15 Der er 4 kommentarer og
2 løsninger

Preload billeder -> Kald funktion

Hvem kan lave et script, der preloader nogle billeder, og viser en "LOADER"-tekst imens. Når alle billeder så er hentet skal den kalde en funktion.

....det er vigtigt at den først kalder funktionen når alle billeder er hentet.

a'la

<Script>
loadimg1
loadimg2
loadimg3

func()
</script>


Avatar billede snowball Novice
07. juni 2000 - 09:37 #1
Prøv og søg på preload her på Eksperten. Der er en hel del der har spurgt om det før !!!

Snowball
Avatar billede fætterguf Nybegynder
07. juni 2000 - 09:53 #2
DUH, dummeslag til mig - og (næsten) fortjente straffe-point fra mit til dig.

svar og få...
Avatar billede phylox2 Nybegynder
07. juni 2000 - 09:54 #3
<script language="JavaScript"><!--

var myPics = new Array();
function preload() {
  for (i=0; i<5; i++) {
    myPics[i] = new Image();
  }
  myPics[0].src = "etEllerAndet_1.gif";
  myPics[1].src = "etEllerAndet_2.gif";
  myPics[2].src = "etEllerAndet_3.gif";
  myPics[3].src = "etEllerAndet_4.gif";
  myPics[4].src = "etEllerAndet_5.gif";
}

// -->
</script>

Så skriver du bare :

<body onload="preload();">

Avatar billede snowball Novice
07. juni 2000 - 10:00 #4
Whatever ;)

Snowball
Avatar billede skjoldby Nybegynder
14. juni 2000 - 22:52 #5
Kan du bruge dette:

<html>
<head>
<title>Untiteled</title>
<script languge="JavaScript">

n=document.layers
ie=document.all

function hideIt(){
if(ie || n){
if(n) document.divLoadCont.visibility="hidden"
else divLoadCont.style.visibility="hidden"
}}
</script>

<style>
#divLoad{position:absolute; width:100%; height:95%; top:0; left:0; background-color:white; layer-background-color:white; font-family:arial,helvetica; z-index:100}
</style>
</head>

<body onload="hideIt()">

<div id="divLoad">
    <table width="100%" height="95%" align="center" valign="middle">
        <tr>
        <td width="100%" height="100%" align="center" valign="middle">
            <h1>Loading Page....</h1>
        </td>
        </tr>
    </table>
</div>

<IMG SRC="billeder.jpg">
<IMG SRC="billeder.jpg">
<IMG SRC="billeder.jpg">
<IMG SRC="billeder.jpg">
<IMG SRC="billeder.jpg">
</body>
</html>


Skjoldby
Avatar billede zpaw Nybegynder
03. januar 2001 - 18:32 #6
Måske kan dette bruges..?

<script language=\"Javascript1.1\">
<!--

var      nexturl = \"Den side der skal komme frem når alle billederne er preloadet.htm\"
var img1location = \"pink.jpg\"
var img2location = \"blue.jpg\"

function initArray() {

this.length = initArray.arguments.length;
  for (var i = 0; i < this.length; i++) {
  this[i] = initArray.arguments[i];
  }
}

var pics = new initArray(
\"Det billede der skal preloades.jpg\",
\"Det billede der skal preloades.jpg\",
\"Det billede der skal preloades.jpg\"
);
var loaded = new initArray(pics.length);
var num_loaded = 0;

for (h = 0; h < pics.length; h++) {
loaded[h] = 0;
}

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

function update(z) {

loaded[z]++;

if (loaded[z] == 2) {
  eval(\'document.status\'+num_loaded+\'.src = img1location;\');
  num_loaded++;

  if (num_loaded == pics.length) {
  location.href = nexturl;
  }
}
}

//-->
</script>
<b><i>

<body bgcolor=\"#BED694\">

<p align=\"center\"></i></b><br>
</p>

<p align=\"center\">&nbsp;</p>

<p align=\"center\">&nbsp;</p>

<p align=\"center\">&nbsp;</p>

<p align=\"center\"><font face=\"Arial\" color=\"#0080FF\">Vent venligst mens billederne bliver
preloadet.<br>
Hvis der ikke sker noget i længere tid så</font><font color=\"#C0C0C0\" face=\"Arial\"> <a
href=\"Kageform.htm\" target=\"_parent\">tryk her.</a><br>
</font><br>
<script language=\"Javascript1.1\">
<!--

document.write(\"<IMG src=\"+img1location+\" width=10 height=10>\")

var offset = 280 / pics.length

for (q = 0; q < pics.length; q++) {
  document.write(\"<IMG src=\"+img2location+\" width=\"+offset+\" height=10 name=\\\"status\"+q+\"\\\">\")
}

//-->
</script> <br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<script language=\"Javascript1.1\">
<!--
for (w = 0; w < pics.length; w++) {
  document.write(\"<IMG src=\"+img2location+\" width=1 height=1 onLoad=\\\"update(\"+w+\")\\\" name=\\\"preload\"+w+\"\\\">\")
}
loadg();
//-->
</script>




Så skal du bare selv lige lave lidt om på det..
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel Indlæg Oprettet Seneste aktivitet
Returner ikke alt Af ingeman i JavaScript 13 26/06/202414:40 01/07/202417:00
Vis og skjul sektioner - virker kun på den første sektion Af nemlig i JavaScript 4 24/06/202422:50 26/06/202420:33
Hente og gemme Cookies like this. Af DanishBear i JavaScript 6 04/06/202416:23 05/06/202414:23
Ajax - indlæs webside og derefter hente data Af nemlig i JavaScript 4 21/05/202417:19 22/06/202422:07
Disable button efter 1. klik Af nemlig i JavaScript 2 05/05/202415:37 05/05/202416:25
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester



Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I dag 14:04 Pixeline cd’er til PC Af Mathilde i Windows
I dag 01:14 Windows 10 - IIS 10 Af bsn i Windows
I går 20:39 Boot fra USB Af poulmadsen i Windows
I går 11:43 Gmail-ikon på skrivebordet Win 10 Af ErikHg i Fri debat
I går 09:22 Lopslag Af Luffe i Excel
White papers
Flere white papers »


Premium
Teaser billede
IBM-direktør efter blodrødt regnskab: “Vi er godt på vej ud af det stormvejr, som ramte os i 2023”
Læs mere »
Stiftere overvejer at gøre Flatpay til en bank – krav om compliance er en stopklods
Rejsekort reducerer kraftigt den tid, som selskabet vil beholde dine lokationsdata i: Vil nu slette dem efter få måneder
Efter skatte-dom: IBM Danmark sætter 163 millioner kroner til side til ekstra skatte-regning i Danmark
Se alle »
Computerworld
Teaser billede
En pladesaks, 1000W og et Nvidia-grafikkort til 14.000 kroner - sådan opgraderede jeg min pc
Læs mere »
Test: Endelig en skærm der er god til alt - lige fra gaming og underholdning til kontorbrug
I dag træder nye de regler om registrering af din arbejdstid i kraft: Er du klar?
700.000 Linux-systemer kan været truet af ny alvorlig sårbarhed
Se alle »
CIO
Teaser billede
Efter stort hackerangreb mod Teamviewer: Stop dine opdateringer og tjek opsætningen nu
Læs mere »
I dag træder nye de regler om registrering af din arbejdstid i kraft: Er du klar?
Russisk hack af Microsoft er meget større end først antaget
Frygtet melding: Russiske hackere har stjålet Microsoft-kunders e-mails
Se alle »
Job & Karriere
Teaser billede
Bo solgte sit software-system for et treciftret millionbeløb: Brugte pengene på at købe 80 medarbejdere til ny storsatsning
Læs mere »
Norlys skal splittes op i fem selskaber: Nu bliver flere ansatte og ledere fyret
Dansk top-profil trækker sig fra Microsoft: Skal være direktør i TDC Erhverv
IBM Danmark skifter ud i sin øverste ledelse - her er den nye direktion
Se alle »
White paper
Teaser billede
Nemmere overblik, styring og omkostningskontrol i dit multicloud-miljø
Læs mere »
Unbreakable - sådan sikrer du dig vedvarende og uafbrudt adgang til dine data
Informationshåndtering på frontlinjen: Sådan optimerer du med automatisering
Det behøver ikke at gøre ondt: Sådan gør du livet lettere for kunder med multicloud
Se alle »

Events
Flere events »
White papers
Flere white papers »
IT-Kurser
Se alle vores it-kurser »