HTML Gallerie

html.de-Forum HTML, XHTML & CSS
1

Hallo liebe Community.

Ich habe gerade eine HTML Gallerie erstellt. Siehe Link–> Motorrad Nölte - Die Nr. 1 in Potsdam, wenn es um 2 Räder geht. - Helm 1

Wenn man jetzt mit der Maus über die Vorschaubilder geht wechselt er die Bilder automatisch etwas weiter unten in der großen Ansicht. Ich möchte es aber nun so ändern, dass die Bilder in der großen Ansicht erst wechseln wenn man mit der Maus auf das Vorschau Bild klickt.

Ich hoffe mir kann jemand helfen. Ich bin für jede Hilfe sewhr dankbar.

Das ist der Quelltext:


    <table align="center" border="1" style="width: 44%; height: 63px">
      <tr>
        <td style="width: 131px">
        <img id="bild_1" src="../bilder/helme/DSCF1742.JPG" width="150" height="123" onMouseOver="CImage( 'bild_1' )"></td>
        <td style="width: 133px">
        <img id="bild_2" src="../bilder/helme/DSCF1743.JPG" width="150" height="119" onMouseOver="CImage( 'bild_2' )"></td>
        <td style="width: 137px">
        <img id="bild_3" src="../bilder/helme/DSCF1744.JPG" width="150" height="112" onMouseOver="CImage( 'bild_3' )" class="style2"></td>
            
      </tr>
      <tr>
        <td style="width: 131px">
        <img id="bild_4" src="../bilder/helme/DSCF1756.JPG" width="150" height="111" onMouseOver="CImage( 'bild_4' )"></td>
        <td style="width: 133px">
        <img id="bild_5" src="../bilder/helme/DSCF1757.JPG" width="150" height="113" onMouseOver="CImage( 'bild_5' )"></td>
        <td style="width: 137px">
        <img id="bild_6" src="../bilder/helme/DSCF1758.JPG" width="150" height="113" onMouseOver="CImage( 'bild_6' )"></td>
            
      </tr>
      <tr>
        <td style="width: 131px">
        <img id="bild_7" src="../bilder/helme/DSCF1760.JPG" width="150" height="112" onMouseOver="CImage( 'bild_7' )"></td>
        <td style="width: 133px">
        <img id="bild_8" src="../bilder/helme/DSCF1761.JPG" width="149" height="105" onMouseOver="CImage( 'bild_8' )"></td>
        <td style="width: 137px">
        <img id="bild_9" src="../bilder/helme/DSCF1763.JPG" width="151" height="113" onMouseOver="CImage( 'bild_9' )"></td>
            
      </tr><tr>
2

Dann ändere die Attribute onMouseOver in onclick.

3

Hätte ich persönlich mit CSS und nicht mit Javascript gemacht.
Denn Javascript aus = keine Bilder.

4

Ohne JavaScript werden die Bilder noch angezeigt. Nur der Bildwechsel funktioniert nicht mehr um genau zu sein. Folglich ist das aber auch keine HTML-Frage :wink: