MouseOver bei img-Link blinkt bei leichter Maus-Bewegung

[mirok]

Servus Kollegen,

Habe von einem Bild ein Link gesetzt, onMouseOver soll ein anderes Bild erscheinen. Hab das mit zwei Funktionen gelöst:

onmouseover="einblenden();"
onmouseout="ausblenden();"

Beides habe ich in den <a>-Tag geschrieben.

Die Funktion: document.getElementbyID().style.visibility="hidden";

Funzt einwandfrei

ABER: wenn ich mit der Maus über diesen Link fahre, wechseln sich beide Bilder ab, dh beide Funktionen werden bei Bewegung der Maus ständig ausgeführt. Manchmal bleibt es beim neuen, manchmal beim alten Bild stehn.

Hat jemand ne Ahnung??

Vielen Dank!

Gruss

[Znol]

Hallo, kenne mich ja auch noch nicht so aus, aber es gibt ein gutes Bsp. dafür, wenn Du in selfhtml unter mouseover suchst bei den dynamischen grafischen Buttons.

Vlt. hilft Dir das schon weiter?

Gruß, Znol

[Felix Riesterer]

Lieber mirok,

Hat jemand ne Ahnung??

der 'mouseover' schaltet das 'Bild' ein. Dadurch verdeckt es das ursprüngliche Bild -> 'mouseout' feuert auch und knipst es wieder aus.

Schreibe doch deine Eventhandler in das <img> tag selbst!

Javascript:

  
einschalten(img) = function {  
    img.src = "bild2.png";  
}  
ausschalten(img) = function {  
    img.src = "bild1.png";  
}  

HTML:
<img onmouseover="einschalten(this)" onmouseout="ausschalten(this)" src="blah.png" />

Liebe Grüße aus Ellwangen,

Felix Riesterer.