Bei onmouseover veränderte Bildquelle zeigen

Kai-Behncke

Erfahrenes Mitglied
Hallo liebes Forum,

ich habe eine Java-Script Anwendung, bei welcher bei einem onmouseover über ein Bild ein Bildaustausch stattfindet. Das funktioniert auch ganz wunderbar.

Ich möchte nun allerdings etwas entwickeln, dass bei einem onmouseover auch
die veränderte Bildquelle dynamisch angezeigt wird, nur wie mache ich das?

Mein onmouseovercode (funktioniert einwandfrei) z.B. so:

Code:
<area shape="poly" coords="189,285,197,291,209,284,203,296,189,317,185,318,170,326,153,337,146,310,163,288,174,269,181,276" href="http://www.berne.de" alt="Berne" title="Berne" 
onmouseover="austausch1.src='wesermarschgemeinden/berneklein.jpg';
berneblau.src='wesermarschgemeinden/bernelink2.gif';aktualisieren(austausch1.src);"
onmouseout="austausch1.src='wesermarschgemeinden/wesermarschgemeindenklein.jpg';
berneblau.src='wesermarschgemeinden/bernelink.gif';">


In diesem <div> wird dann der Code des Bildes angezeigt:

Code:
<div id="ausgabe" name="ausgabe">
       <script type="text/javascript">

<!-- 

 document.writeln("Hallo"+document.austausch1.src);
 -->

</script>
</div>

Das Problem: Die Bilder ändern sich, aber die src-Angabe in der div-Ausgabe bleibt immer die gleiche. Was kann ich machen, damit auch die src-Angabe der Bilder sich verändert?
 
Hab die Lösung jetzt gefunden.

Man muss eine Funktion starten, wenn onmouseover geschieht:

function aktualisieren (wert)
{

document.all.ausgabe.innerHTML=wert;

}

In dem div mit dem Namen Ausgabe wird dann der veränderte Wert angezeigt.
 

Neue Beiträge

Zurück