thumbnails og store billeder

<table>
  <tr>
    <td>
      <img src="A_lille.png" onclick="visBillede(this);"><br>
      <img src="B_lille.png" onclick="visBillede(this);"><br>
      <img src="C_lille.png" onclick="visBillede(this);"><br>
      <img src="D_lille.png" onclick="visBillede(this);"><br>
      <img src="E_lille.png" onclick="visBillede(this);"><br>
      <img src="F_lille.png" onclick="visBillede(this);"><br>
      <img src="G_lille.png" onclick="visBillede(this);"><br>
      <img src="H_lille.png" onclick="visBillede(this);"></td>
    </td>
    <td>
      <img id="stortBillede" src="A_stor.png"></td>
  </tr>
</table>

<script type="text/javascript">
function visBillede(pic){
  document.getElementById("stortBillede").src = pic.src.replace(/lille/,"stor");
}
</script>

tak, hvordan styrer jeg hvor på skærmen det store billede skal være, og skal kommandoen være replace? man skal jp stadig kunne se det lille billede ude til højre mens det store er ude til venstre?

I koden er udgangspunktet, at alle små billeder har samme størrelse, hvilket alle store billeder, så også vil have ...

-- men der kan tænkes mange forskellige ting ind i dette, så det besværede jeg mig ikke med, da jeg bare kastede konceptet !-)

-- der kan være mange fælder, men mest hensigtsmæssigt fanges de ved den resize, du selv laver, så f.eks. du sætter en fast ratio på dine billeder ved resize, og f.eks. vælger høj- eller bred-format, eller tager højde for dette ved at give img-tags en bredde, som er hensigtsmæssig ...

svar så der point

Velbekomme '-)

-- og tak for point ;~}