Sebastian Becker: Karte onclick zoomen

Beitrag lesen

Hallo,

ich möchte gerne, daß eine Karte beim Klicken gegen einen als separates Bild gespeicherten gezoomten Ausschnitt ausgetauscht wird.

Ich wollte das eigentlich mit folgendem Script lösen:

---------- schnipp ----------

<script language="JavaScript">
<!--
if (document.images)
{
karte = new Image();
karte.src = "img/karte.gif";
kartezoom = new Image();
kartezoom.src = "img/karte_zoom.gif";
};
function mapzoom()
{
alert('karte.src ist:  ' + karte.src); // nur zum Testen
if(karte.src='img/karte.gif')
karte.src='img/karte_zoom.gif';
else
karte.src='img/karte.gif';
};
-->
</script>

<a href="javascript:mapzoom()"><img alt="Karte (Stadtplanausschnitt)" name="karte" src="img/karte.gif" width="375" height="250" border="0" onMouseOver="window.status='Bitte klicken Sie auf das Bild!';return true" onMouseOut="window.status='';return true"></a>

---------- schnipp ----------

Leider klappt das Ganze so nicht.

Nun dachte ich eigentlich, daß karte.src den relativen Pfad des Bildes "karte" angibt. Offensichtlich handelt es sich aber um den absoluten Pfad, wie die Kontrolle mit der alert-Funktion beweist.

Hier setzen nun meine Verständnisschwierigkeiten ein, denn bei jedem normalen MouseOver-Script werden die Bilder ja auch durch Ändern von src (ohne absolute Pfadangabe!) geändert. Warum funktioniert das bzw. dasselbe in meinem Script nicht?

Ich wäre dankbar, wenn mir jemand auf die Sprünge helfen könnte,

Grüße

Sebastian Becker

Vielleicht gibt es ja auch eine völlig andere Lösung für die an sich ja simple Aufgabenstellung?!