Søg
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
Du kan se hvordan det er sat op her: http://www.internetsider.dk/internetsider/public_html/imageshift.htm
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
Programmeringssprog kurser
Kurser inden for grundlæggende programmering
Se alle Programmeringssprog kurser

Flere spørgsmål fra Andet programmering kategorien

Titel Indlæg Oprettet Seneste aktivitet
Bat file. Af johnnylassen i Andet programmering 4 23/04/202616:10 21/08/202611:03
Hjælp til Api.asmx Af lurup i Andet programmering 1 17/03/202609:27 17/03/202614:12
burgermenu til hjemmeside - hjælp! Af SabrinaL i Andet programmering 2 12/11/202514:10 21/08/202611:08
Hjælp til programmering af website Af hamdenlange i Andet programmering 16 17/08/202522:26 19/08/202515:53
Kan man registrere hvis folk lukker en side ned Af KurtG i Andet programmering 8 24/07/202513:06 28/07/202517:03
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 15:34 Epson scanner forbinder ikke til computer Af bbkdk i Printere
11/1013:35 Bruger på Win11 Af lurup i Browsere
07/1022:52 Google beskeder har/havde en bug, så den sendte tilfældige gamle beskeder gemt indeni nye beskeder efter skifte til ny Samsungtelefon via Samsung Smart Switch Af KennethLykke i Apps til Android
05/1010:31 Min IPAD vil ikke oplade. Af Nørdnot i Mac
04/1018:04 Findes der et "Papir-kurv" symbol, man kan sætte på Firefox og Google Chrome ? (For oven) Af Ikke-ekspert i Browsere
White papers
Flere white papers »