Bilder austauschen

[bösch]

hallo zusammen!
habe folgendes problem:
ich habe eine normale hmtl-site erstellt. auf der page sind drei links. Wenn ich auf einen Button klicke, erscheint weiter unten ein jpg Bild. Ich habe dies mit Javascript erstellt. Nun habe ich das Problem, dass auf dem jpg Bild weitere Links sind, das Untermenü. Nun muss ich dort Imagemap's verwenden, die ich mithilfe von Fireworks erstelle. Doch wenn ich das Bild als jpg abspeichere, funktionieren die Imagemaps nicht. Das heisst, ich muss das Bild als html abspeichern.

Nun ist das Problem, dass ich wenn ich auf einen Button klicke, unten kein Bild mehr erscheint.

Hier ein ausschnitt aus dem Code:

<script language="JavaScript" type="text/javascript">
<!--
bild1 = new Image();
bild1.src = "1.jpg";

function change(tausch_bild_name,neues_bild_name)
{
window.document[tausch_bild_name].src = neues_bild_name.src;
}
//-->
<a href="#" onClick="change('gr', bild1)"><img src="5k.jpg" width="61" height="26" border="0"></a>

nun ist das problem, das es ein jpg Bild auswechselt. Könnte man dort auch ein html "Bild" austauschen?

[Cybaer]

Hi,

nun ist das problem, das es ein jpg Bild auswechselt. Könnte man dort auch ein html "Bild" austauschen?

Ja. Neuere Browser beherrschen innerHTML (s. selfHTML - anders als dort beschrieben aber nicht MS-proprietär mit document.all, sondern standardisiert nach W3C mit z.B. document.getElementById!

Also:

<div id="HTMLinsert"></div>

if(document.getElementById) {
 document.getElementById("HTMLinsert").innerHTML="<!-- Hier HTML-Code nach Wahl -->";
} else {
 // Not-Navigation für ältere Browser
}

Aber ohne deinen Code/dein Vorhaben studiert zu haben: Da läßt sich doch bestimmt eine cleverere (kopatiblere/sauberere/...) Lösung denken, oder? =:-o

Gruß, Cybaer