Thomas: Bildervorschau

Hallo!

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).

Ich habe schon alles irgendwie durchprobiert, nur hat es nie richtig funktioniert!

Vielen Dank für die Hilfe

Mfg
Thomas

  1. 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?

    1. Es ist nicht ganz das was ich will. Es soll so aussehen, wie die Bilderdarstellung in eBay, nur die kleinen Vorschaubilder sollten über dem großen Foto sein. Wenn man dann eines der kleinen Bilder anklickt, sollte unten das Bild in groß erscheinen, die kleinen Bilder sollen jedoch noch sichtbar sein.

      danke schon im vorraus

      Thomas

      1. Dann ist mein Beispiel doch perfekt. Setze die Bilder eben nich nebeinander (wie in meinem Beispiel) sondern übereinander. Der Quellcode musst du nur erweitern, und zwar durch weitere Bilder (die kleinen).

        Aber warum schaust du nicht einfach im Quelltext nach, wie Ebay das gemacht hat. Du kannst dich dadurch einen großen Sprung nach vorne katapultieren...