onmousover in Imagemaps

[holgerott]

Hallo,
entweder ich bin zu dumm, oder schon betriebsblind. Habe trotz Such-Funktion nichts passendes oder für mich als Laien verständliches gefunden.
Ich suche eine Möglichkeit, wie ich in Bildern miitels mousover ein Bildwechsel in einem Teil vom Gesambild vornehmen kann. Kann mir jemand helfen und mir dies bitte für einen Laien verständlich erklären?
Vielen Dank im vorraus
Holger

 

[Manitou]

Wenn Du einen Bildwechsel in einem Teil des Gesamtbildes vornehmen willst, dann geht das nicht in Imagemaps, da die ja nur durch Koordinaten definierte Bereiche eines Bildes als Links kennzeichnen.
Folglich mußt Du deine Bilder zerschnipseln in Einzelstückchen, die Du dann mit mouseover austauschen kannst.
Beispielsweise so:
<script type="text/javascript">

Off1 = new Image();
Off1.src = "images/Bild1.jpg";
On1 = new Image();
On1.src = "images/Bild2.jpg";
........

function ChangeImage(Indexnr,Image)
{
window.document.images[Indexnr].src = Image.src;
}
</script>


In dein Table oder wo auch immer baust du dann den Link ein:

<A href="test.html" onmouseover="ChangeImage(1,On1);" onmouseout="ChangeImage(1,Off1);">
<IMG SRC = "images/Bild1.jpg" WIDTH = "159" HEIGHT = "46" border="0" alt="Meine Wechselbilder"></a>


Ich hoffe, das ist in etwa das was Du meinst.

Gruß

Manitou

 

[holgerott]

Danke Dir Manitou, hast mir sehr geholfen. Habe es gleich ausprobiert, funktioniert einwandfrei!

 

[Klark]

auch mouseover nur etwas anderster un geht net

function imgover(imgname){
imgname.src = "images/"+imgname+"1.gif";
}
function imgout(imgname){
imgname.src = "images/"+imgname+"0.gif";
}

Jo so steht das bei mir drin nur schreibt er dann als Bild adresse iamges/[object]1.gif.
Was is den bei mir falsch. (ja es ist mein erster versuch mit Javascript)

/Edit
Deutschesprach schwere Sprache