Avatar billede kgp43 Nybegynder
18. marts 2006 - 13:05 Der er 13 kommentarer og
1 løsning

Load billede sidst

Ved ikke om dette er det korrekte forum.
Øverst på min side har jeg et stort logo, hvordan laver jeg det sådan, at logoet bliver loaded til sidst (når alt andet er færdigt)?
Avatar billede stiness Nybegynder
18. marts 2006 - 13:28 #1
Hvad med det her?:) -Stine

<HTML>
<HEAD>
<SCRIPT>
function js_loadLogo() {
    document.getElementById("LOGO").innerHTML = "<IMG SRC=\"<logo name>\">";
}
</SCRIPT>
</HEAD>
<BODY ONLOAD="java script: js_loadLogo();">
<DIV ID="LOGO" STYLE="height: <logo height>px;"></DIV>
</BODY>
</HTML>
Avatar billede cpufan Juniormester
18. marts 2006 - 13:29 #2
i koden, der hvor logoet er,
kan du udskifte med et kald til en funktion hvis eneste funktion er at vise logo.


funktionen ligger du sidst i din html-kode
Avatar billede kgp43 Nybegynder
18. marts 2006 - 14:04 #3
cpufan: Ved intet om JS, så ville være rart med lidt hjælp til funktionen ;)
Avatar billede mclemens Nybegynder
18. marts 2006 - 17:51 #4
kgp43> stiness burde virke for dig prøv det lige...
(det cpufan skriver er det samme som stiness bortset fra at stiness løsning er lidt nemmere ;) at gå til og de virker begge på samme måde)

<html><head><script language="javascript">
function js_loadLogo(){
document.getElementById("logo").innerHTML="<img src=\"abc.jpg\" />";
}
</script></head>

<body onload="js_loadLogo();">
<div id="logo"></div>
</body></html>
Avatar billede mclemens Nybegynder
18. marts 2006 - 17:56 #5
div fungerer som en slags "container" i stiness eksempel, hvor funtionen onLoad i body gør, at når body'en er fuld loadet i browseren så udføres handlingen ( stiness funktion kaldes).

Stiness funktion indskriver <img src="eteller.andet"> i en div med id="LOGO" eller en td med id="LOGO" o.s.v....
- Det opfanger browseren og går herefter igang med at hente billedet.
Avatar billede kgp43 Nybegynder
18. marts 2006 - 18:13 #6
Det virker ikke rigtigt.
Ser ud som om at den loader logoet som den plejer, men så begynder igen senere (altså to gange).



<div id="toplogo"><a href="/"><img src="img/download_logo.gif" border="0"></a></div>
Avatar billede kgp43 Nybegynder
18. marts 2006 - 18:13 #7
<script language="javascript">
function js_logoload(){
document.getElementById("toplogo").innerHTML="<img src=\"img/download_logo.gif\" />";
}
</script>
</head>

<body onload="js_logoload();">
Avatar billede kgp43 Nybegynder
18. marts 2006 - 18:18 #8
Nu virker det :)

<script language="javascript">
function js_logoload(){
document.getElementById("toplogo").innerHTML="<a href=\"/\"><img src=\"img/download_logo.gif\" border=\"0\"/></a>";
}
</script>


<div id="toplogo"></div>
Avatar billede kgp43 Nybegynder
18. marts 2006 - 18:19 #9
Stiness og mclemens: Ligger i et svar så er der point.
(stiness for koden og mclemens for forklaringen)
Avatar billede mclemens Nybegynder
18. marts 2006 - 18:26 #10
nej, stiness fortjener det hele ;)
- forklaringen var gratis ;)
Avatar billede stiness Nybegynder
19. marts 2006 - 11:39 #11
:D
Avatar billede kgp43 Nybegynder
19. marts 2006 - 16:10 #12
takker for hjælpen.
Avatar billede roenving Novice
20. marts 2006 - 01:10 #13
-- jeg ville selv benytte mig af et tomt img-tag, som kun manglede at få indsparket en src:

<img src="" id="logoimage" style="height:33px;">

<script type="text/javascript">
  window.onload = function(){
    document.getElementById("logoimage").src = "img/download_logo.gif";
  }
</script>

-- bl.a. for at undgå at få problemer, hvis en eller anden fandt på at kopiere det til et ægte xhtml-dokument (og så måske indsætte et dummy-logo, som var _meget_ hurtigt at downloade, f.eks. en simpel gif med simpel tekst: 'loading logo' !-)
Avatar billede kgp43 Nybegynder
20. marts 2006 - 02:08 #14
det var bedre
takker mange gange
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