mehrere Mouseover - mehrere Bildwechsel - eine Position je Kategorie

zAPPEL · 13.03.2009, 06:47

Also für jedes Bild eine neue Funktion zu machen ist ein Unsinn, wozu gibts denn die Möglichkeit einer Funktion Parameter zu übergeben?

Habs jetzt nicht getestet, aber das Prinzip sollte klar sein:

HTML-Code:

<html>
<head>
<script type="text/javascript">
function change_img(image,target) {
    mytarget = document.getElementById(target);
    mytarget.src = image;
}
</script>
</head>
<body>
<div id="div-a">
    <h2>Bilder mit A</h2>
    <a href="#" onmouseover="change_img('bilda1.gif','img-a')">Bild A1</a>
    <a href="#" onmouseover="change_img('bilda2.gif','img-a')">Bild A2</a>
    <a href="#" onmouseover="change_img('bilda3.gif','img-a')">Bild A3</a>        
    <img id="img-a" src="bilda1.gif" />
</div>
<div id="div-b">
    <h2>Bilder mit B</h2>
    <a href="#" onmouseover="change_img('bildb1.gif','img-b')">Bild B1</a>
    <a href="#" onmouseover="change_img('bildb2.gif','img-b')">Bild B2</a>
    <a href="#" onmouseover="change_img('bildb3.gif','img-b')">Bild B3</a>        
    <img id="img-b" src="bildb1.gif" />
</div>
</body>
</html>

[edit]Gerade getestet: Funktioniert.

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)