✔ onmouseover will nicht :(

C

crix

Mitglied
Liebe tutorials.de-Community,

habe im Internet folgende Seite gefunden und mal losversucht..
http://www.w3schools.com/jsref/jsref_onmouseover.asp

Resultat:
HTML: 
<html>
<head>
<title>header</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
function mouseOver1()
{
document.b1.src ="header_03mo.png";
}
function mouseOut1()
{
document.b1.src ="header_03.png";
}

function mouseOver2()
{
document.b1.src ="header_04mo.png";
}
function mouseOut2()
{
document.b1.src ="header_04.png";
}

function mouseOver3()
{
document.b1.src ="header_05mo.png";
}
function mouseOut3()
{
document.b1.src ="header_05.png";
}

function mouseOver4()
{
document.b1.src ="header_06mo.png";
}
function mouseOut4()
{
document.b1.src ="header_06.png";
}

function mouseOver5()
{
document.b1.src ="header_07mo.png";
}
function mouseOut5()
{
document.b1.src ="header_07.png";
}

function mouseOver6()
{
document.b1.src ="header_08mo.png";
}
function mouseOut6()
{
document.b1.src ="header_08.png";
}
</script>
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (header.psd) -->
<table id="Tabelle_01" width="842" height="266" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td colspan="7">
			<img src="header/header_01.png" alt="" width="842" height="229" border="0" usemap="#Map"></td>
  </tr>
	<tr>
		<td>
			<img src="header/header_02.png" width="457" height="37" alt=""></td>
		<td>
			<a href="http://www.link.de" onmouseover="mouseOver1()" onmouseout="mouseOut1()"><img src="header/header_03.png" width="55" height="37" alt="" border="0"></a></td>
  <td>
			<a href="http://www.link.de" onmouseover="mouseOver2()" onmouseout="mouseOut2()"><img src="header/header_04.png" width="66" height="37" alt="" border="0"></a></td>
  <td>
			<a href="http://www.link.de" onmouseover="mouseOver3()" onmouseout="mouseOut3()"><img src="header/header_05.png" width="70" height="37" alt="" border="0"></a></td>
  <td>
			<a href="http://www.link.de" onmouseover="mouseOver4()" onmouseout="mouseOut4()"><img src="header/header_06.png" width="76" height="37" alt="" border="0"></a></td>
  <td>
			<a href="http://www.link.de" onmouseover="mouseOver5()" onmouseout="mouseOut5()"><img src="header/header_07.png" width="50" height="37" alt="" border="0"></a></td>
  <td>
			<a href="http://www.link.de" onmouseover="mouseOver6()" onmouseout="mouseOut6()"><img src="header/header_08.png" width="68" height="37" alt="" border="0"></a></td>
  </tr>
</table>
<!-- End ImageReady Slices -->

<map name="Map"><area shape="rect" coords="8,46,423,203" href="http://www.link.de" alt="http://www.link.de">
</map></body>
</html>

Funktioniert aber nicht :( könnt ihr mir vielleicht sagen wieso? Was habe ich falsch gemacht?
Habe leider nix anderes gefunden als den Link von oben.. :(

Danke euch für jede Hilfe!!

Grüße
crix
 
Hi,

http://www.w3schools.com/jsref/jsref_onmouseover.asp hat gesagt.:
Code: 
<html>
<head>
<script type="text/javascript">
function mouseOver()
{
document.b1.src ="b_blue.gif";
}
function mouseOut()
{
document.b1.src ="b_pink.gif";
}
</script>
</head>

<body>
<a href="http://www.w3schools.com" target="_blank"
onmouseover="mouseOver()"
onmouseout="mouseOut()">
<img border="0" alt="Visit W3Schools!"
src="b_pink.gif" name="b1" /></a>
</body>
</html>
Zum Vergrößern anklicken....

Zum einen fehlt bei dir in den Grafikelementen <img> das name-Attribut mit dem in den Funktionen festgelegten Objekt-Namen, wie z.B. "b1" für das erste Grafikobjekt, und zum anderen darf dieser Name nicht für alle gleichlauten, sondern "b2" für das Zweite, "b3" für das Dritte, usw.

Außerdem scheint in deinem JS-Code der Pfad zu den Grafikdateien nicht zu stimmen, denn im HTML-Code wird in den src-Attributen auch ein Unterverzeichnis namens "header" angegeben.

mfg Maik
 
Maik hat gesagt.:
Hi,



Zum einen fehlt bei dir in den Grafikelementen <img> das name-Attribut mit dem in den Funktionen festgelegten Objekt-Namen, wie z.B. "b1" für das erste Grafikobjekt, und zum anderen darf dieser Name nicht für alle gleichlauten, sondern "b2" für das Zweite, "b3" für das Dritte, usw.

Außerdem scheint in deinem JS-Code der Pfad zu den Grafikdateien nicht zu stimmen, denn im HTML-Code wird in den src-Attributen auch ein Unterverzeichnis namens "header" angegeben.

mfg Maik
Zum Vergrößern anklicken....

Ich danke dir!! Du bist echt der beste :) hast mir schon öfters geholfen ;)
Danke echt!!
Thema erledigt!!

grüße
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück