Avatar billede Slettet bruger
12. april 2008 - 17:39 Der er 7 kommentarer og
1 løsning

billed link

hej ønsker at lave en hjemmeside i stil med denne http://www.galleriartsoto.com/kunstnere/billedkunster/jacob_rantzau/jacob_rantzau_biografi.asp
hvor man kan se billederne i lille størrelse og så klikke den op i stor problemet er bare jeg ved ikke hvordan jeg laver sådan at man kun skal insætte det lille billed et sted og så virker det på alle html dokumenterne med de forskellige billeder i fuld størrelse
Avatar billede w13 Novice
12. april 2008 - 17:47 #1
Man gør det med JavaScript.

F.eks. kan du gøre det sådan her, hvis du har billederne 1_lille.jpg, 1_stor.jpg, 2_lille.jpg, 2_stor.jpg:

<script type="text/javascript">
function ShowLargeImg(s){
  document.getElementById("largeimg").setAttribute("src",s);
}
</script>

<p><img id="largeimg" src="1_stor.jpg"></p>

<img style="cursor:pointer" img="1_lille.jpg" onclick="ShowLargeImg(this.getAttribute('src').replace('lille','stor'))">
<img style="cursor:pointer" img="2_lille.jpg" onclick="ShowLargeImg(this.getAttribute('src').replace('lille','stor'))">
Avatar billede Slettet bruger
28. april 2008 - 19:34 #2
Nice det virker 1000 gange tak og undskyld den sindssyge lange tid jeg tog om at acceptere dit svar
Avatar billede w13 Novice
28. april 2008 - 19:47 #3
;) Helt i orden.
Avatar billede Slettet bruger
28. april 2008 - 20:24 #4
Hey w13 du skulle tilfældigvis ikke også lige vide hvordan man kan gøre sådan at man kan klikke på det store billed og så popper der en helt ny side op med kun billedet på
Avatar billede w13 Novice
28. april 2008 - 20:26 #5
Jo, så ret:

<p><img id="largeimg" src="1_stor.jpg"></p>

til:

<p><img id="largeimg" src="1_stor.jpg" onclick="window.open(this.getAttribute('src'),'pic')"></p>
Avatar billede w13 Novice
28. april 2008 - 20:26 #6
Og tak for point! :)
Avatar billede Slettet bruger
28. april 2008 - 20:38 #7
ja undskyld det er vist mig der ikke har formuleret spørgsmålet korrekt det jeg gerne vil er at når man trykker på den så kommer den op i en endnu større opløsning og så skal der stå lidt tekst under billedet det skal faktisk være et helt nyt html dokument du åbner når man klikker på den ved ikke om det kan lade sig gøre men tusind tak hvis det kan
Avatar billede w13 Novice
28. april 2008 - 20:49 #8
Det bliver hurtigt et større projekt. Det må du nok oprette et nyt spørgsmål om i JavaScript-kategorien.
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
Kurser inden for grundlæggende programmering

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