zuzu: Bildervorschau

Beitrag lesen

Hallo!

hi

Ich möchte auf meiner Homepage eine Art Bildervorschau erstellen, bei der man, wenn man auf ein kleines Bild klickt, dieses Bild nebendran groß dargestellt wird; so ähnlich wie es auf den Ebayseiten gemacht ist (siehe Link).

Bei dieser Seite ist das kleine und das große Bild auf einer Seite. Das ist nicht was du willst.
Du willst es doch so haben, dass du auf ein Bild klickst, und dann in groß daneben erscheint, oder habe ich das falsch verstanden?
Das geht mit JavaScript, du hast zwei <img> Tags in einer zweispaltigen und einzeiligen Tabelle (in jeder Zelle ein <img>). Das Bild, auf das geklickt werden soll, muss verlinkt sein.
Dann schreibst du ihn eine JS-Funktion, dass das src-Attribut geändert werden soll. Das Bild, das nun angezeigt werden soll, überträgst du als Parameter.

Das sieht dann ungefähr so aus:

JS-Funktion:

<script type="text/javascript">

function ChangeImg(newimg){
 document.getElementById('img2').src=newimg;
}

</script>
-----------------------
im HTML-Part:

<table>
 <tr>
  <td>
   <a href="javascript:ChangeImg('bild2.jpg')">
    <img src="bild1.jpg">
   </a>
  </td>

<td>
   <img src="" id="img2">
  </td>
 </tr>
</table>

Hast du das verstanden? Ist es das, was du willst?