nicht angemeldet
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