nicht angemeldet
Rollover efect funktioniert nich, kann mir jemand helfen?
Hallo, ich versuche gerade einen Rolloverefekt (mit nem Bild)
Es wird mir entweder immer ein fehler angezeigt oder es passiert einfach nix....
So sieht der Quellcode aus:
<html>
<head>
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Neue Seite 1</title>
<script type="text/javascript" language="javascript">
<!--
function on1()
{if (!document.images) return; document.a.src = "img/infos1.jpg";}
function on2()
{if (!document.images) return; document.b.src = "img/index_r3_c4.jpg";}
function on3()
{if (!document.images) return; document.c.src = "img/index_r3_c5.jpg";}
function on4()
{if (!document.images) return; document.d.src = "img/index_r3_c6.jpg";}
function on5()
{if (!document.images) return; document.e.src = "img/index_r3_c7.jpg";}
function on6()
{if (!document.images) return; document.f.src = "img/index_r3_c8.jpg";}
function on7()
{if (!document.images) return; document.g.src = "img/index_r3_c9.jpg";}
function off1()
{if (!document.images) return; document.a.src = "img/infos2.jpg";}
function off2()
{if (!document.images) return; document.b.src = "img/index_r3_c4.jpg";}
function off3()
{if (!document.images) return; document.c.src = "img/index_r3_c5.jpg";}
function off4()
{if (!document.images) return; document.d.src = "img/index_r3_c6.jpg";}
function off5()
{if (!document.images) return; document.e.src = "img/index_r3_c7.jpg";}
function off6()
{if (!document.images) return; document.f.src = "img/index_r3_c8.jpg";}
function off7()
{if (!document.images) return; document.g.src = "img/index_r3_c9.jpg";}
var imgslist = new Array(
"img/infos2.jpg",
"img/index_r3_c4.jpg",
"img/index_r3_c5.jpg",
"img/index_r3_c6.jpg",
"img/index_r3_c7.jpg",
"img/index_r3_c8.jpg",
"img/index_r3_c9.jpg");
var imgs=new Array();
for (x=0; x<imgslist.length; x++)
if (document.images)
{imgs[x]=new Image(); imgs[x].src = imgslist[x];}
//-->
</script>
</head>
<body>
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber1">
<tr>
<td width="100%">
<img name="index_r1_c1" src="img/index_r1_c1.jpg" width="775" height="99" border="0"></td>
</tr>
<tr>
<td width="100%">
<img border="0" src="img/index_r3_c1.jpg" width="2" height="25">
<a href="infos.htm" onmouseover="on1();" onmouseout="off1();"><img name="index_r3_c3" src="img/infos1.jpg" width="110" height="25" border="0"></a>
<a href="#" onmouseover="on2();" onmouseout="off2();"><img name="index_r3_c3" src="img/index_r3_c4.jpg" width="110" height="25" border="0"></a>
<a href="#" onmouseover="on3();" onmouseout="off3();"><img name="index_r3_c3" src="img/index_r3_c5.jpg" width="110" height="25" border="0"></a>
<a href="#" onmouseover="on4();" onmouseout="off4();"><img name="index_r3_c3" src="img/index_r3_c6.jpg" width="110" height="25" border="0"></a>
<a href="#" onmouseover="on5();" onmouseout="off5();"><img name="index_r3_c3" src="img/index_r3_c7.jpg" width="110" height="25" border="0"></a>
<a href="#" onmouseover="on6();" onmouseout="off6();"><img name="index_r3_c3" src="img/index_r3_c8.jpg" width="110" height="25" border="0"></a>
<a href="#" onmouseover="on7();" onmouseout="off7();"><img name="index_r3_c3" src="img/index_r3_c9.jpg" width="110" height="25" border="0"></a>
<img border="0" src="img/index_r3_c1.jpg" width="2" height="25"></td>
</tr>
<tr>
<td width="100%">
<img name="index_r4_c1" src="img/main.jpg" width="775" height="186" border="0"></td>
</tr>
<tr>
<td width="100%">
<img name="index_r5_c2" src="img/index_r5_c2.1.jpg" width="774" height="129" border="0"></td>
</tr>
</table>
</body>
</html>
Wäre nett wenn mir jemand helfen könnte, oder ein anderes Script, welches das gleich bewirkt, weiss.
mfG Philipp
-
also einen fehler hab ich selber gefunden....
undzwar bei der quelle der Bilder..gehen tut es aber immer nochnich ;(
-
Glaube dein Fehler gefunden zu haben.
Du Spricht mit document.a.src .... ein Bild an, aber im ganzen Quelltext gibt es kein Bild mit den Namen a, änder das mal um.
MfG
Dr. Ma-Busen-
wenn ich das richtig verstehe, soll ich die Bilder a, b, c,.... nennen?
Das kann eigendlich nicht der fehler sein, da ich das script aus einem anderen Quellcode entnommen habe, in welchem die Bilder auch irgendwelche namen haben....oder hab ichs falsch verschtanden? was soll ich umbenennen?
-
wenn ich das richtig verstehe, soll ich die Bilder a, b, c,.... nennen?
Das kann eigendlich nicht der fehler sein, da ich das script aus einem anderen Quellcode entnommen habe, in welchem die Bilder auch irgendwelche namen haben....oder hab ichs falsch verschtanden? was soll ich umbenennen?
Richtig.
Ich hatte dein Script mal bei mir lokal getestet. Da kam immer ein Fehlermeldung:
'document.a' ist Null oder kein Objekt.
Als ich dann die Bilder umbenannt hatte lief es.Du kannst es aber auch so macen wie Philipp es vorgeschlagen hat.
MfG
Dr. Ma-Busen
-
-
-
Hallo Philipp!
Warum so kompliziert? Vielleicht wegen
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
:-)
Probier mal:
<a href="infos.htm"><img src="img/infos1.jpg" width="110" height="25" border="0" onMouseOver="this.src='img/infos2.jpg';" onMouseOut="this.src='img/infos1.jpg';"></a>
mfg
norbert =:-)
-
ah, ja das geht!
Vielen dank!
mfG Philipp
-