JürgenB: Bildaustausch via javascript

Beitrag lesen

Hallo chatliner,

Bildertausch:
http://de.selfhtml.org/javascript/objekte/document.htm#get_element_by_id
http://de.selfhtml.org/javascript/objekte/images.htm
http://de.selfhtml.org/javascript/sprache/eventhandler.htm#onclick

die Idee ist: mit getElementById erhältst du Zugriff auf das große Bild und kannst darüber sein src-Attribut ändern. Den kleinen Bildern gibst du einen Eventhandler für "onclick", in dem das große Bild geändert wird:

<img src="klein.jpg" onclick="document.getElementById('gross').src='gross.jpg'"> (ungetestet)
oder, damit es auch ohne Javasript funktioniert:
<a href="gross.jpg" onclick="document.getElementById('gross').src='gross.jpg';return false"><img src="klein.jpg"></a> (auch ungetestet)

Das "return false" bewirkt, das das Linkziel bei funktionierendem Javascript nicht angesprungen wird.

Besser wäre es natürlich, das Script in den Seitenkopf zu legen oder auszulagern und die Eventhandler per Javascript zu setzen.

Fader:
https://forum.selfhtml.org/?t=176360&m=1160111

Das zweite Problem das ich habe, ist das diese Webseite ein Joobla CMS ist.

Da habe ich keine Ahnung.

Gruß, Jürgen