Onclick Bildertausch ohne Bildquelle im Funktionasparameter

Rathje

Mitglied
Hallo,
ich möchte gern Bilder unter Verwendung von Eventhandlern wechseln. Leider kann ich es nicht so lösen wie in dem Beispiel unten. Da der HTML Code über TYPO3 generiert wird und ich die Bildquelle/URL nicht als Parameter eintragen kann. Alle anderen Parameter und Atribute kann ich eintragen.
Ich möchte mit einen klik auf das zweite Bild, das erste Bild mit dem zweiten überschreiben. Nur in der Funktion onClick="swap('bild01','bild2.jpg') kann ich nicht den Parameter bild2.jpg übergeben. Auch im Script selber kann ich nicht die Bildquelle als String angeben. Diese Angabe steht nur als Attribut (scr) zur Verfügung.

HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head><title>Unbenanntes Dokument</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript" language="JavaScript">
function swap(bildname,tauschbild)
{
   document.images[bildname].src=tauschbild;
}
 </script>
</head>
<body>
<img name="bild01" src="bild1.jpg"  border="1">
<img name="bild02" src="bild2.jpg" onClick="swap('bild01','bild2.jpg')" border="1">
</body>
</html>

Über einen Tip oder besser die Lösung bin ich sehr dankbar.

Gruß
Thomas
 
Hi,

versuch es mal so:
Code:
<img name="bild02" src="bild2.jpg" onClick="swap('bild01', this.src)" border="1">
Mit this hast du Zugriff auf das auslösende Element (bild02). Über die Eigenschaft src gibst
du die Bildquelle mit.

Ciao
Quaese
 

Neue Beiträge

Zurück