Billedlink til lag

<ole>

Det må du vist forklare lidt tydeligere ... helst sammen med et link  =)

/mvh
</bole>

Hej olebole
Nu er det en skabelon jeg arbejder på. Jeg browser den lokalt, så der er ikke noget at se endnu.

Du kan nok kun gøre det med show/hide af lag ...

-- men f.eks. sådan:

<script type="text/javascript">
var oldLag = null;
function showLag(id){
  if(oldLag)
    oldLag.style.display = "none";
  oldLag = document.getElementById(id);
  oldLag.style.display = "block";
}
</script>

<style type="text/css">
#lagContainer{position:relative;width:400px;height:300px;background:#afa;}
.showLag{position:absolute;width:400px;height:300px;top:0;left:0;display:none;}
#lag1{background:#0ff;}
#lag2{background:#f0f;}
#lag3{background:#0f0;}
#lag4{background:#f00;}
.click{cursor:pointer;width:63px;}
</style>

<img src="../billede.jpg" title="1" class="click" onclick="showLag('lag1')"><br><br>
<img src="../billede.jpg" title="2" class="click" onclick="showLag('lag2')"><br><br>
<img src="../billede.jpg" title="3" class="click" onclick="showLag('lag3')"><br><br>
<img src="../billede.jpg" title="4" class="click" onclick="showLag('lag4')"><br><br>

<div id="lagContainer">
  <div id="lag1" class="showLag">&nbsp;</div>
  <div id="lag2" class="showLag">&nbsp;</div>
  <div id="lag3" class="showLag">&nbsp;</div>
  <div id="lag4" class="showLag">&nbsp;</div>
</div>

Tak, roenving.
Undskyld den lange ventetid, men jeg havde opgivet, at få et svar.
Jeg afprøver det i morgen.

Bedre sent en aldrig. :-)
Jeg har fået det afprøvet nu og det virker som det skal.
Tusind tak for hjælpen.
Du skal lige have dine point.

Velbekomme '-)

Hej roenving
Jeg har 2 spørgsmål. Jeg har svært ved, at skifte lagets indhold og position. Den skal fungere sammen med en tabel der er centreret.

Et tredje spørgsmål.....
Jeg vil godt give flere point.
Kan man ikke give et enkelt lag en scroller?

Læg laget(ne) inde i tabellen !o]

-- hvilket indhold skal du have i den div ?-)

-- og scroll på et lag kommer helt automatisk, hvis man giver det faste dimensioner (og i IE en overflow:auto; !-)

-- els tak for point ;~}

Jeg skal have noget tekst i lagene. :-)

F.eks.

document.getElementById("lag1").appendChild(document.createTextNode("Hej, her er en tekst !-)");

Nu vil jeg jo ikke plage dig med alt for mange spørgsmål, men siden kommer med en fejlmelding, når jeg sætter det sidste stykke kode ind.

-- der mangler også en parantes-slut:

document.getElementById("lag1").appendChild(document.createTextNode("Hej, her er en tekst !-)"));

Det virker jo bare!!
Tak for hjælpen. :-)

Tak for point ;~}