Avatar billede kjoelby Nybegynder
15. januar 2004 - 20:16 Der er 13 kommentarer og
1 løsning

Onclick stort billed i celle

Hvis man har 4 små billeder som onclick skal åbne en tabelcelle med med et forstørret billed og det forstørrede billed fjernes igen ved at man klikker på det hvorefter tabelcellen lukker sammen igen.
Avatar billede rbl Praktikant
15. januar 2004 - 20:34 #1
Du laver et lille gennemsigtig billede på 1x1 pixel. Det putter du ind i cellen.

<img src="1x1.gif" id="billede">

Når der bliver klikket på et af de fire billeder, sætter du den til at ændre src. Jeg mener det er:

document.getelementbyid("billede").src = "billede1.jpg"

Når man så klikker igen, kan du få den til at skifte tilbage til det 1x1 pixel billede
Avatar billede kjoelby Nybegynder
15. januar 2004 - 21:22 #2
Jeg skal nok have det defineret lidt mere ;O)
Avatar billede rbl Praktikant
15. januar 2004 - 22:35 #3
Jeg har ikke testet det, men prøv:

<script>
function skift(billede){
  if document.getelementbyid("billede").src == "1x1.gif" {
    document.getelementbyid("billede").src = billede;
  }
  else {
    document.getelementbyid("billede").src = "1x1.gif";
  }
}
</script>
<body>
<table>
<tr>
<td><img src="1x1.gif"></td>
</tr>
</table>

<table>
<tr>
<td><img src="billede1.jpg" onclick="skift('StortBillede1.jpg')"></td>
<td><img src="billede2.jpg" onclick="skift('StortBillede2.jpg')"></td>
</tr>
</table>

</body>
Avatar billede rbl Praktikant
15. januar 2004 - 22:36 #4
ups:
<img src="1x1.gif"> skal rettes til:

<img src="1x1.gif" id="billede">
Avatar billede kjoelby Nybegynder
15. januar 2004 - 22:53 #5
Nej, det melder en fejl !!
Avatar billede rbl Praktikant
16. januar 2004 - 23:02 #6
hvilken fejl ?
Avatar billede kjoelby Nybegynder
17. januar 2004 - 12:22 #7
Avatar billede rbl Praktikant
17. januar 2004 - 14:34 #8
Hvad er der på linie 20 og 21 ?

I aften vil jeg lige prøve at få det til at virke på men server, så kan jeg bedre hjælpe. Jeg har ikke tid lige nu
Avatar billede kjoelby Nybegynder
17. januar 2004 - 14:46 #9
linie 20 og 21:    <td><img src="images/F2.gif" onclick="skift('images/christmas.jpg')" width="110" height="83"></td>
    <td><img src="images/F4.gif" onclick="skift('images/snevejr.jpg')" width="106" height="82"></td>
Det er de billeder som skal vises i celle hvor <img src="images/speck.gif" id="billede"> er...
Avatar billede rbl Praktikant
17. januar 2004 - 22:07 #10
Det eneste der er galt er, at getelementbyid skal skrives sådan:
getElementByID

Altå - det betyder en hel del, om man skriver med små eller store bogstaver :-)
Avatar billede rbl Praktikant
17. januar 2004 - 22:37 #11
Jeg har lige siddet og rodet med det, og jeg har fundet en bedre løsning på skift-funktionen:

<script>
aktueltbillede = '1x1.gif';

function skift(billede){
    if (aktueltbillede == billede) {
        document.getElementById("billede").src = '1x1.gif';
        aktueltbillede = '1x1.gif';
    }
    else {
        document.getElementById("billede").src = billede;
        aktueltbillede = billede;
    }
}
</script>
Avatar billede rbl Praktikant
17. januar 2004 - 22:41 #12
Du skal selvfølgelig bare bruge 'images/speck.gif' istedet for '1x1.gif'
Avatar billede kjoelby Nybegynder
18. januar 2004 - 11:33 #13
Det virker fint, mange tak for hjælpen...
Avatar billede rbl Praktikant
18. januar 2004 - 15:12 #14
selv tak :-)
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