Avatar billede peterpeter Seniormester
03. marts 2002 - 21:55 Der er 5 kommentarer og
1 løsning

Se forskellige billeder på den samme side med link til dem.......

Hej Alle

Kort spørgsmål.

Kan det lade sig gøre, og i bekræftende fald hvordan gør man følgende:

Er det muligt at se forskellige billeder på den samme side?
Eksempel:

Jeg har f.eks. en tabel, - i celle 1 er der 2 link.
Hvis man trykker på link 1 vises der ét billede i celle 2.
Hvis man trykker på link 2 vises der et andet billede i celle 2.

Kan det lade sig gøre og hvordan gør man ??

Svar venligst hurtigst muligt......

Peter
Avatar billede jakoba Nybegynder
03. marts 2002 - 22:01 #1
<html>
<body>

<a href="#" onclick="document.images.imgtag.src='billed1.gif';">billed 1</a>
<a href="#" onclick="document.images.imgtag.src='billed2.gif';">billed 2</a>
<a href="#" onclick="document.images.imgtag.src='billed3.jpg';">billed 3</a>
<a href="#" onclick="document.images.imgtag.src='billed4.gif';">billed 4</a>

<img name='imgtag' src='billed0.gif'>

</body>
</html>

Det er bedst hvis alle billeder er lige store, og de bær ihvertfald alle have samme prpportioner.

mvh JakobA
Avatar billede peterpeter Seniormester
03. marts 2002 - 22:10 #2
Perfekt - det var lige præcis det jeg skulle have at vide.

Værsgo, her er point'ne.

Et tillægsspørgsmål:
Hvordan gør jeg, hvis jeg gerne vil have at billederne bliver læst ind i "hukommelsen", så det ikke tager så lang, når man klikker på billedelinket ???

Men den skal jo først begynde at læse det i hukommelsen, når siden er helt færdig !!

Du må gerne tage udgangspunkt i dit eksempel.

Peter
Avatar billede jakoba Nybegynder
03. marts 2002 - 22:19 #3
<html>
<head>

<script type='text/javascript'> <!-- // prefetch

var liste = new Array( "billed1.gif", 'billed2.gif', "billed3.jpg", "billed4.gif" );
    // alle de billeder der skal forudhentes
    // ingen grund til at prefetche billed0.gif, det loader sammen med siden.

for (var i=0; i<liste.length; i++) {
  temp = liste[i];
  liste[i] = new Image();
  liste[i].src = temp;
}

// --> </script>

</head>
<body>

<a href="#" onclick="document.images.imgtag.src='billed1.gif';">billed 1</a>
<a href="#" onclick="document.images.imgtag.src='billed2.gif';">billed 2</a>
<a href="#" onclick="document.images.imgtag.src='billed3.jpg';">billed 3</a>
<a href="#" onclick="document.images.imgtag.src='billed4.gif';">billed 4</a>

<img name='imgtag' src='billed0.gif'>

</body>
</html>

Hvis der er mange (over ca 50) billeder kan den prefetch gå hen og spise al brugerens ram. Så skal der et lidt fiksere (og mere kompliceret) script til.

mvh JakobA
Avatar billede peterpeter Seniormester
03. marts 2002 - 22:23 #4
;-)

Ha en rigtig god aften..........

Peter
Avatar billede peterpeter Seniormester
31. marts 2002 - 23:13 #5
Hej Jakob A

Lige et kort spørgsmål vedr. ovenstående.

Når jeg anvender din angivne kode, så er det lige som den starter med at forudhente allesammen.
Det vil sige, det billede der skal starte med at være tilstede, kommer først frem når alle billeder indlæst i hukommelsen !!!!

Kan du hjælpe med at løse det ??

På forhånd tak for hjælpen

Peter
Avatar billede jakoba Nybegynder
01. april 2002 - 00:29 #6
Min errfaring er at billeder der direkte nævneses i en html <IMG kommando bliver hentet med højere prioritet end dem der forudhentes.

det er kun hvis der er mage eller meget store billeder der prefetches at der kan mærkes i selve sidens loadtid.

Men du oplever tydeligvis noget andet.
Har du mulighed for at lægge et link til den halvfærdige side?

mvh JakobA
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