Supportnet / Forum / Webseiten/HTML
Beim loslassen der Maus Bild wechseln.
Frage
Hallo,
ich habe enen Bildwechsel wie folgt gemacht:
[code]
<td><a href="content.php?subMenuItem=News&language=de" target="content"><img src="img/News_inaktiv.gif"
onMouseOver="this.src='img/News_aktiv.gif'" onMouseOut="this.src='img/News_inaktiv.gif'"
onMouseUp="this.src='img/News_aktiv.gif'" width="99" height="20" alt="News" border="0"></a></td>
[/code]
Ich wollte erreichen, dass wenn die Maustaste gedrückt wurde das Bild img/News_aktiv.gif angezeigt wird, aber das schaffe ich irgendwie nicht. Es wird immer (ausser beim drüberfahren mit der Maus) das Bild img/News_inaktiv.gif angezeigt. Ich dachte das geht mit onMouseUp, aber scheinbar hab ich mich geirrt??? Wie mache ich das richtig?
Antwort 1 von Dr.Ma-Busen
Moin!
Versuch es mal mit onClick oder onMouseDown
Dann solltest du onMoseout umändern, weil nach dem klicken, wenn du die Grafik wieder verläst, dann wir bei onMouseout die Grafik News_inaktiv.gif wieder angezeigt. Du musst dir das also irgendwie merken, oder verhindern das onMouseout ausgeführt wird
MfG
Dr. Ma-Busen
Versuch es mal mit onClick oder onMouseDown
Dann solltest du onMoseout umändern, weil nach dem klicken, wenn du die Grafik wieder verläst, dann wir bei onMouseout die Grafik News_inaktiv.gif wieder angezeigt. Du musst dir das also irgendwie merken, oder verhindern das onMouseout ausgeführt wird
MfG
Dr. Ma-Busen
Antwort 2 von Jens20
Hallo nochmal!
Also habe mal onMouseOut rausgenommen und stattdessen onClick und onMouseDown probiert. Jetzt habe ich den Effekt, dass immer wenn ich mit der Maus über eine Grafik gehe, dann wird sie ausgetauscht und wenn die Maus nich mehr über der Grafik ist, dann bleibt die ausgetauschte Grafik aber immernoch "aktiv", obwohl sie inaktiv sein soll. Mir ist schon klar, dass es an dem fehlenden onMouseOut liegt, aber ich weiss nicht, wie ichs machen soll???
Also habe mal onMouseOut rausgenommen und stattdessen onClick und onMouseDown probiert. Jetzt habe ich den Effekt, dass immer wenn ich mit der Maus über eine Grafik gehe, dann wird sie ausgetauscht und wenn die Maus nich mehr über der Grafik ist, dann bleibt die ausgetauschte Grafik aber immernoch "aktiv", obwohl sie inaktiv sein soll. Mir ist schon klar, dass es an dem fehlenden onMouseOut liegt, aber ich weiss nicht, wie ichs machen soll???
Antwort 3 von Dr.Ma-Busen
Moin!
Also bei dein vorhaben reicht es nicht aus wenn du den Code für den Bildwechsel in die Event-Handlern schreibst. Bei dein vorhaben wirst du nicht mehr um ein Scriptberich (oder externen js- Datei) drum rum kommen mit einer Funktion die den Bildwechsel macht und ein paar zusätzlichen Variablen in den du informationen zwischen speicherst.
Ich habe mal so ein Scipt geschrieben, ist etwas umfangreich und kannst ja mal Probieren ob du damit zurecht kommst. Hier, habe ich den Namen "Hover" gegeben
Oder du kannst das hier mal versuchen, ist nicht ganz so umfangreich Mous Over
MfG
Dr. Ma-Busen
Also bei dein vorhaben reicht es nicht aus wenn du den Code für den Bildwechsel in die Event-Handlern schreibst. Bei dein vorhaben wirst du nicht mehr um ein Scriptberich (oder externen js- Datei) drum rum kommen mit einer Funktion die den Bildwechsel macht und ein paar zusätzlichen Variablen in den du informationen zwischen speicherst.
Ich habe mal so ein Scipt geschrieben, ist etwas umfangreich und kannst ja mal Probieren ob du damit zurecht kommst. Hier, habe ich den Namen "Hover" gegeben
Oder du kannst das hier mal versuchen, ist nicht ganz so umfangreich Mous Over
MfG
Dr. Ma-Busen
Antwort 4 von Jens20
Danke erst mal, werde es mal studieren :-).