ComputerBase Menü
Aktuelles

Hilfe bei onMouseover!

B

Benji

Gast
Hi!
Ich bin grad dabei eine HTML-Seite zu machen und wollte einen onMouseover-Effekt einbauen, das wenn man mit der Maus auf den Button geht ein anderer erscheint!
Doch leider funktioniert der nicht so ganz!
So sieht er aus:

<a href="index.html" id="Test"
onMouseover="this.innerHTML='img src="button_home2.jpg"'"
onMouseout="this.innerHTML='img src="button_home.jpg"'"><img src="button_home.jpg" border="0"></a>

Der Link funktioniert zwar (also er geht dann auf die angegebene Seite wenn ich draufklicke) aber er zeigt keinen anderen Button an wenn ich mit der Maus drüber fahre!
Was hab ich falsch gemacht? Was muss ich ändern?

Wäre ziemlich Dankbar wenn ihr einen Tipp hättet!
 
so das hier in ein txt-file kopieren und als html abspeichen...

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Unbenanntes Dokument</title>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a)&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a.indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}}
}

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>

<body onLoad="MM_preloadImages('file:///G|/Homepage_www.sascha-jung.de/www.jung.vu/test/logo-oben2.jpg')">
<a href="http://www.sascha-jung.de" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Bildname','','file:///G|/Homepage_www.sascha-jung.de/www.jung.vu/test/logo-oben2.jpg',1)"><img src="file:///G|/Homepage_www.sascha-jung.de/www.jung.vu/test/logo-oben.jpg" alt="Alternativtext" name="Bildname" width="700" height="100" border="0"></a>
</body>
</html>
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Ähnliche Themen

D
JavaScript onmouseover ,,bildtausch,, funktioniert in Chrome,IE nicht...
Antworten
8
Aufrufe
1.290
Daaron
D
V
Bei OnMouseOver anderen Div anzeigen
Antworten
7
Aufrufe
1.287
Vert1cal
V
M
JavaScript jQuery onmouseover und rausfahrende Elemente
Antworten
6
Aufrufe
1.628
mercsen
M
cpt_muh
HTML onMouseover Problem
Antworten
6
Aufrufe
1.459
nesQuick
nesQuick
wakünick
Hilfe bei "onmouseover"
Antworten
13
Aufrufe
1.272
Eagle-PsyX-
Eagle-PsyX-
Zurück
Oben

Willkommen auf ComputerBase!

Mit Werbung weiterlesen

Besuche ComputerBase wie gewohnt mit Werbung und Tracking. Die Zustimmung ist jederzeit widerrufbar.

Details im Privacy Center und in der Liste unserer Partner. Ein Widerruf ist möglich in der Datenschutzerklärung.

… oder ComputerBase Pro bestellen

Nutze ComputerBase ohne Werbebanner, Video-Ads und Werbetracking schon für 4 €/Monat oder 36 €/Jahr.

Mehr zu ComputerBase Pro

Bereits Pro-Nutzer? Hier anmelden.

Tracking: Wir und unsere 158 Partner verarbeiten personenbezogene Daten, indem wir mit auf Ihrem Gerät gespeicherten Informationen (z. B. eindeutige Kennungen in Cookies) ein Nutzungsprofil erstellen, um z. B. Anzeigen zu personalisieren. Verarbeitungszwecke: Genaue Standortdaten und Abfrage von Geräteeigenschaften zur Identifikation, Informationen auf einem Gerät speichern und/oder abrufen, Personalisierte Anzeigen und Inhalte, Anzeigen- und Inhaltsmessungen, Erkenntnisse über Zielgruppen und Produktentwicklungen.

Impressum Kontakt Datenschutz