Loade billede fra et layer

tjek http://www.itsohsoquiet.dk/design.asp?Sektion=1 for se den side det skal virke på.

Ole Bole har lavet en lækker lille version du kan se her:

http://www.olebole.f2s.com/load_html/

En anden ting, du kunne gøre, var at preloade billederne *efter* siden var loadet, så ville alle billederne blive loadet, og de ville så blive taget fra cachen, når de skulle bruges, sådan noget som:

<script type=text/javascript>

function preload(){
var billeder=new Array(\'billede1.gif\',billede2.gif\');

for (i=0;i<billeder.length;i++){
navn=billeder[i];
billeder[i]=new Image();
billeder[i].src=navn;
}
}
</script>
·
·
·

<body ... onLoad=\"preload();\">

Det har selvfølgelig den bagdel, at alle dine billeder kommer til at ligge som aktive billeder, så hvis du har mange og store billeder, kan det påvirke performance for siden, men der viste JakobA for nogle dage siden, hvordan man skulle frigive hukommelsen igen.

Selvfølgelig kan det også ske, at brugeren forsøger at få fat i et billede, som endnu ikke er loadet, men risikoen er da så i hvert fald minimeret.

hth
jes

Jes du vil da seriøst ikke preloade 20 Hires billeder???

Damn Jeg får jo brug for en kats 9 liv når siden kommer til at tage 6 hundeår...

>>nikolajdu
onLoad går jo netop først igang, når siden ellers er loadet, så mens brugeren finder rundt, så kan browseren stå og hygge sig med at loade billederne.

Hvis brugeren,, så bevæger sig over til en anden side (ved hjælp af browserens navigations-muligheder) stoppes loadet.

Problemet er selvfølgelig, at anden funktionalitet i siden har et problem, det kunne man klare ved at sætte en timeout op, som ville give plads til anden funktionalitet mellem hvert billede.

Jeg tror problemet med anden performance ville være en hel del værre.

mvh
jes

<ole>
roenving >> Det er netop ikke et preload-spørgsmål  :)
Spørgeren vil gerne undgå at skulle have alle billederne liggende i <div>\'s i dokumentet - og det er unødvendigt, hvis han kun har ét div og så loader billederne ind i det. Hvorfor preloade 20 billeder, når brugeren skal vente 20 minutter på at nummer 19 er preloaded.
En evt. preload kommer ingen til gode ved så mange hiRes billeder. Så er det bedre at loade dem ind i et div.

En nemmere måde at gøre det på, end den nikolajdu linker til, ville måske være noget à la:

<script language=\"JavaScript\">
function insPic(pic) {
  document.getElementById(\'bo\').innerHTML = \'<img src=\"\'+pic+\'\">\';
  document.getElementById(\'ib\').style.visibility = \"visible\";
}
</script>

<div id=\"ib\" style=\"position:absolute;left:200px;top:100px;visibility:hidden;\">
<table style=\"width:600px\">
<tr>
  <td style=\"text-align:right\"><a href=\"#\" onclick=\"document.getElementById(\'ib\').style.visibility=\'hidden\'\">X</a></td>
</tr>
<tr>
  <td id=\"bo\" style=\"text-align:center;vertcal-align:middle\"></td>
</tr>
</table>
</div>

<a href=\"#\" onclick=\"insPic(\'pic1.jpg\')\">Pic 1</a><br>
<a href=\"#\" onclick=\"insPic(\'pic2.jpg\')\">Pic 2</a>

/mvh
</bole>

>>preload næeh ...
Men det kunne måske give en indgangsvinkel til videre behandling !·]

:)

Ole nu skal du ikke komme og ødelægge det hele. Jeg har jo netop for at undgå stave-/tastefejl nu copy/pastet fra et af dine gamle svar... ;-)

>>nikolaj , tør du ikke mere stole på dine tastefingre klokken lort *GG*

Det er faktisk noget rigtigt skidt. Jeg lagde mig kl 18.30 for lige at sove en times tid, så jeg kunne komme ud og få en enkelt med drengene. Kl. 2.30 vågnede med et sæt og var lysvågen. Lidt skidt for min nattesøvn, men godt for evt. tastefejl.

Jamen, det kan uden tvivl være til stor inspiration - for ikke at sige fryd - for den ganske dansk-, engelsk- og JavaScript-lærerstab. Ikke desto mindre føler jeg mig overbevist om, at det pågældende svar, du har copy/pasted fra, ikke lød helt som dette  :)

P.s næsten gang stiller jeg et ur....

Nu kan i drenge svare på mit spørgsmål om 2 minutter...

http://www.eksperten.dk/spm/115222

Udover at der allerede er kommet nogle rimelige svar her, så kunne det være interessant at få javaScriptfolkets bud på hvorfor this er en dejlig ting.

http://www.eksperten.dk/spm/115180

Jeg ved godt det er i Flash, men brugen er identisk.