Bildwechsel geht nur teilweise

[NickyDD]

Hallo,ich will einen Bildwechsel umsetzten. Wird die Seite geladen gibt es ein Hauptbild und man kann kleine Bilder anklicken. Beim anklicken soll dann wo das Hauptbild ist das neue Bild angezeigt werden.

<div style="float: left;"><img id="bild" src="1.jpg" /></div>
    <div>
    <a href="" onClick="javascript:zeigen('1.jpg')">Bild 1</a><br /><br />
    <a href="" onClick="javascript:zeigen('2.jpg')">Bild 2</a><br /><br />
    <a href="" onClick="javascript:zeigen('3.jpg')">Bild 3</a><br /><br />
    </div>
    <script type="text/javascript">
    zeigen('1.jpg');
    <!--
        function zeigen(wert) {
           document.getElementById('bild').src = wert;
           return false;
        }
    //-->
    </script>

Dies geht auch, also das Bild wechselt sich beim klicken, jedoch bleibt es nicht stehen sondern das hauptbild kommt immer wieder.

Kannmir jemand auf die Sprünge helfen wo der Fehler ist? Danke

 

[threadi]

Bei dem Schnippsel kann man das Problem nicht erkennen. Allerdings fallen mir einige Kleinigkeiten auf:

- "javascript:" ist bei onclick nicht notwendig
- den HTML-Kommentar um die JavaScript-Funktion würde ich weglassen

 

[NickyDD]

Habe das nun angepasst.

<div style="float: left;"><img id="bild" src="1.jpg" /></div>
    <div>
        <a href="" onClick="zeigen('1.jpg')">Bild 1</a><br /><br />
        <a href="" onClick="zeigen('2.jpg')">Bild 2</a><br /><br />
        <a href="" onClick="zeigen('3.jpg')">Bild 3</a><br /><br />
    </div>
    <script type="text/javascript">
        function zeigen(wert) {
           document.getElementById('bild').src = wert;
           return false;
        }
    </script>

Jedoch mit dem selben Ergebnis. Eigendlich sollte das ganze ja gehen?

Wenn ich

document.getElementById('bild').src = wert;
alert(wert);

schreibe, dann bleibt das Bild solange stehen, bis das Alertfenster weggeklickt wird. Es fehlt demnach eine fixierung des Bildes?

 

[threadi]

Eigentlich ja. Aber wie schon gesagt: mit dem Schnippsel kann man das nicht erkennen. Zeig einen Link zur Seite.

 

[NickyDD]

Das ganze ist für eine ebay Vorlage

*Link gelöscht*
http://cgi.ebay.de/ws/eBayISAPI.dll?ViewItem&item=110639546126

 

[struppi]

<a href="" onclick="return zeigen('1.jpg')">Bild 1</a>

und in deiner zeigen() Funktion ein return false; am Schluss. (Edit: was du ja schon hast)

 

[NickyDD]

Habe ins onclick="" ein return gesetzt und schon geht es. Danke für die Hilfe