Hallo zusammen,
ich möchte ein kleines Inhaltsverzechnis erstellen.
Ein großer Teil funktioniert gut.
Leider hab ich folgendes Problem, komischerweise nur beim Mozilla, nicht beim IE:
es erscheint beim laden der Seite statt der Buttens das Bild für die fehlenden Images:
erst nach dem mouseover kommt dann des Bild für den richtigen Button:
dann geht alles wie es sein soll, nach aktualisieren ist der selbe sche... wieder da...
hier der Code:
<html>
<head>
<title>inhalt</title>
</head>
<SCRIPT LANGUAGE="JavaScript">
var zeiger = -1;
bild = new Array();
for (var a=0; a < 30; a++)
{
bild[a] = new Image();
}
bild[0].src = "images/buttons/home.jpg";
bild[1].src = "images/buttons/home2.jpg";
bild[2].src = "images/buttons/btaktuell.jpg";
bild[3].src = "images/buttons/btaktuell2.jpg";
bild[4].src = "images/buttons/bttermine.jpg";
bild[5].src = "images/buttons/bttermine2.jpg";
// Mouse hover
function wechsel1 (menunr)
{
window.document.images[menunr].src = bild[((menunr*2)+1)].src;
}
// Mouse out
function wechsel2 (menunr)
{
if (zeiger != menunr)
{
window.document.images[menunr].src = bild[(menunr*2)].src;
}
}
// Mouse click
function wechsel3 (menunr)
{
if (zeiger != -1)
{
window.document.images[zeiger].src = bild[(zeiger*2)].src;
}
zeiger = menunr;
window.document.images[menunr].src = bild[((menunr*2)+1)].src;
window.focus();
}
</SCRIPT>
<center>
<table border="0" width="14%" height="318" style="border-collapse: collapse" bordercolor="#111111" cellpadding="0" cellspacing="0">
<tr>
<td width="100%" align="center" height="24">
<a onmouseover="wechsel1(0)" onmouseout="wechsel2(0)" onclick="wechsel3(0)" >
<img border="0" src="images\buttons\home.jpg" width="95" height="44" > </a></td>
</tr>
<tr>
<td width="100%" align="center" height="24">
<a onmouseover="wechsel1(1)" onmouseout="wechsel2(1)" onclick="wechsel3(1)" >
<img border="0" src="images\buttons\btaktuell.jpg" width="95" height="44" >
</a></td>
</tr>
<tr>
<td width="100%" align="center" height="24">
<a onmouseover="wechsel1(2)" onmouseout="wechsel2(2)" onclick="wechsel3(2)" >
<img border="0" src="images\buttons\bttermine.jpg" width="95" height="44"></a></td>
</tr>
</table>
</center>
</body>
</html>
was mache ich falsch???
Vielen Dank für eure Hilfe!
nicht wirklich 