Avatar billede freud Nybegynder
20. maj 2002 - 15:15 Der er 7 kommentarer og
1 løsning

links og billed-skift

Har følgende probelm:

- Jeg har nogle links i en tabel
- Hvis der ikke er trykket på et link som der være et  standart billede som vises
- Når der trykkes på linket skal der "indsættes" et
  billede i den nedenstående række.

Jeg indsætter lige koden det er sku lidt svært at forklare:

<table width="500" border="0" cellspacing="0" cellpadding="0" height="20">
  <tr align="center" valign="middle">
    <td height="20"><a href="profil.asp" target="iframe">PROFIL</a></td>
    <td height="20"><a href="arbejdsomraader.asp" target="iframe">ARBEJDSOMR&Aring;DER</a></td>
    <td height="20"><a href="vognpark.asp"target="iframe">VOGNPARK</a></td>
  </tr>
  <tr align="center" valign="middle">
    <td height="20" colspan="3">-- HER SKAL BILLEDET INDSÆTTES --</td>
  </tr>
</table>

Er problemet til at forstå......... ??
Avatar billede nikolajdu Nybegynder
20. maj 2002 - 15:18 #1
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
    <title>Untitled</title>
    <script>
   
    old = "none";
   
    function skift(hvad){

    if (old == "none"){
    old = hvad
    document.getElementById(hvad).style.backgroundImage='url(2.jpg)';
}else{
document.getElementById(hvad).style.backgroundImage='url(2.jpg)';
document.getElementById(old).style.backgroundImage='url(1.jpg)';
old = hvad;
        }
    }
   
    </script>
</head>

<body>
<table>
<tr>
<td id="t1" onclick="skift(this.id)" style="background-image: url(1.jpg)">hej hej Nikolaj</td>
<br>
<td id="t2" onclick="skift(this.id)" style="background-image: url(1.jpg)">hej hej Nikolaj</td>
<br>
<td id="t3" onclick="skift(this.id)" style="background-image: url(1.jpg)">hej hej Nikolaj</td>
</tr>
</table>


</body>
</html>

Så bytter du 1.jpg og 2.jpg ud med dine billeder.
Avatar billede nikolajdu Nybegynder
20. maj 2002 - 15:20 #2
Laver den lige om så den passer til din version.
Avatar billede nikolajdu Nybegynder
20. maj 2002 - 15:24 #3
Sådan her:

    <script>
   
    old = "none";
   
    function skift(hvad){
document.images('billedet').src=hvad;
    }
   
    </script>
</head>

<body>

<table width="500" border="0" cellspacing="0" cellpadding="0" height="20">
  <tr align="center" valign="middle">
    <td height="20"><a href="profil.asp" target="iframe" onclick="skift('profil.jpg')">PROFIL</a></td>
    <td height="20"><a href="arbejdsomraader.asp" target="iframe" onclick="skift('arbejde.jpg')">ARBEJDSOMR&Aring;DER</a></td>
    <td height="20"><a href="vognpark.asp" target="iframe" onclick="skift('vogn.jpg')">VOGNPARK</a></td>
  </tr>
  <tr align="center" valign="middle">
    <td height="20" colspan="3"><img name="billedet" src="1.jpg"></td>
  </tr>
</table>

/Nikolaj
Avatar billede freud Nybegynder
20. maj 2002 - 15:27 #4
prøver det lige....... :-)
Avatar billede freud Nybegynder
20. maj 2002 - 15:47 #5
> Nikolaj - hjælp har lige et lille problem

Hvis jeg nu gerne vil have stien til billedener til at være pix/ - hva så !

Har prøvet mig lidt frem - kan bare ikke rigtig få det til at virke
Avatar billede nikolajdu Nybegynder
20. maj 2002 - 15:48 #6
onclick="skift('/pix/profil.jpg')">
Avatar billede freud Nybegynder
20. maj 2002 - 15:50 #7
hvad skal jeg - nu virker det :-) kanon
Avatar billede nikolajdu Nybegynder
20. maj 2002 - 15:51 #8
fino fino :))
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