javascript werkt bijna helemaal
op de site www.radiorandom.nl/lvt ben ik een layout aan het verwerken.
nu heb ik me javascript voor de knoppen af, zoals je kunt zien als je eroverheen gaat, maar nu werken in de rode balk de laatste 2 niet.
de codes zijn overal t zelfde, ik zie waarschijnlijk me eigenfout gewoon niet.
de codes:
<head>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
image1 = new Image();
image1.src = "images/index2_02.gif";
image2 = new Image();
image2.src = "images/index2_04.gif";
image3 = new Image();
image3.src = "images/index2_06.gif";
image4 = new Image();
image4.src = "images/index2_08.gif";
image5 = new Image();
image5.src = "images/index2_10.gif";
image6 = new Image();
image6.src = "images/index2_12.gif";
image7 = new Image();
image7.src = "images/index2_28.gif";
image8 = new Image();
image8.src = "images/index2_31.gif";
image9 = new Image();
image9.src = "images/index2_34.gif";
image10 = new Image();
image10.src = "images/index2_37.gif";
image11 = new Image();
image11.src = "images/index2_40.gif";
image12 = new Image();
image12.src = "images/index2_43.gif";
// End -->
</script>
</head>
<body>
<td>
<a href="index.html" style="border:none;" onMouseOver="image7.src='images/index2_28.gif';image1.src='images/index2_02.gif';"
onmouseout="image7.src='images/index_28.gif';image1.src='images/index_02.gif';" >
<img name="image1" style="border:none;" src="images/index_02.gif" width="37" height="23" alt=""></td>
<td>
<img src="images/index_03.gif" width="5" height="23" alt=""></td>
<td>
<a href="index.html" style="border:none;" onMouseOver="image8.src='images/index2_31.gif';image2.src='images/index2_04.gif';"
onmouseout="image8.src='images/index_31.gif';image2.src='images/index_04.gif';" >
<img name="image2" style="border:none;" src="images/index_04.gif" width="63" height="23" alt=""></td>
<td>
<img src="images/index_05.gif" width="4" height="23" alt=""></td>
<td>
<a href="index.html" style="border:none;" onMouseOver="image9.src='images/index2_34.gif';image3.src='images/index2_06.gif';"
onmouseout="image9.src='images/index_34.gif';image3.src='images/index_06.gif';" >
<img name="image3" style="border:none;" src="images/index_06.gif" width="38" height="23" alt=""></td>
<td>
<img src="images/index_07.gif" width="6" height="23" alt=""></td>
<td>
<a href="index.html" style="border:none;" onMouseOver="image10.src='images/index2_37.gif';image4.src='images/index2_08.gif';"
onmouseout="image10.src='images/index_37.gif';image4.src='images/index_08.gif';" >
<img name="image4" style="border:none;" src="images/index_08.gif" width="53" height="23" alt=""></td>
<td>
<img src="images/index_09.gif" width="11" height="23" alt=""></td>
<td>
<a href="index.html" style="border:none;" onMouseOver="image11.src='images/index2_40.gif';image5.src='images/index2_10.gif';"
onmouseout="image11.src='images/index_40.gif';image5.src='images/index_10.gif';" >
<img name="image5" style="border:none;" src="images/index_10.gif" width="34" height="23" alt=""></td>
<td>
<img src="images/index_11.gif" width="10" height="23" alt=""></td>
<td colspan="2">
<a href="index.html" style="border:none;" onMouseOver="image12.src='images/index2_43.gif';image6.src='images/index2_12.gif';"
onmouseout="image12.src='images/index_43.gif';image5.src='images/index_12.gif';" >
<img name="image5" style="border:none;" src="images/index_12.gif" width="64" height="23" alt=""></td>
<td>
(...... stukje weg gelaten zonde javascript ....)
<a href="index.html" style="border:none;" onMouseOver="image7.src='images/index2_28.gif';image1.src='images/index2_02.gif';"
onmouseout="image7.src='images/index_28.gif';image1.src='images/index_02.gif';" >
<img name="image7" style="border:none;" src="images/index_28.gif" width="48" height="12" alt=""></td>
<td colspan="5" rowspan="2">
<img src="images/index_29.gif" width="73" height="18" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="12" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="images/index_30.gif" width="48" height="6" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="6" alt=""></td>
</tr>
<tr>
<td colspan="4">
<a href="index.html" style="border:none;" onMouseOver="image8.src='images/index2_31.gif';image2.src='images/index2_04.gif';"
onmouseout="image8.src='images/index_31.gif';image2.src='images/index_04.gif';" >
<img name="image8" style="border:none;" src="images/index_31.gif" width="68" height="10" alt=""></td>
<td colspan="3" rowspan="8">
<img src="images/index_32.gif" width="53" height="66" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="10" alt=""></td>
</tr>
<tr>
<td colspan="4">
<img src="images/index_33.gif" width="68" height="4" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="4" alt=""></td>
</tr>
<tr>
<td colspan="2">
<a href="index.html" style="border:none;" onMouseOver="image9.src='images/index2_34.gif';image3.src='images/index2_06.gif';"
onmouseout="image9.src='images/index_34.gif';image3.src='images/index_06.gif';" >
<img name="image9" style="border:none;" src="images/index_34.gif" width="48" height="13" alt=""></td>
<td colspan="2" rowspan="2">
<img src="images/index_35.gif" width="20" height="16" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="13" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="images/index_36.gif" width="48" height="3" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="3" alt=""></td>
</tr>
<tr>
<td colspan="3">
<a href="index.html" style="border:none;" onMouseOver="image10.src='images/index2_37.gif';image4.src='images/index2_08.gif';"
onmouseout="image10.src='images/index_37.gif';image4.src='images/index_08.gif';" >
<img name="image10" style="border:none;" src="images/index_37.gif" width="62" height="14" alt=""></td>
<td rowspan="4">
<img src="images/index_38.gif" width="6" height="36" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="14" alt=""></td>
</tr>
<tr>
<td colspan="3">
<img src="images/index_39.gif" width="62" height="5" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="5" alt=""></td>
</tr>
<tr>
<td>
<a href="index.html" style="border:none;" onMouseOver="image11.src='images/index2_40.gif';image5.src='images/index2_10.gif';"
onmouseout="image11.src='images/index_40.gif';image5.src='images/index_10.gif';" >
<img name="image11" style="border:none;" src="images/index_40.gif" width="44" height="11" alt=""></td>
<td colspan="2" rowspan="2">
<img src="images/index_41.gif" width="18" height="17" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="11" alt=""></td>
</tr>
<tr>
<td>
<img src="images/index_42.gif" width="44" height="6" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="6" alt=""></td>
</tr>
<tr>
<td colspan="5">
<a href="index.html" style="border:none;" onMouseOver="image12.src='images/index2_43.gif';image6.src='images/index2_12.gif';"
onmouseout="image12.src='images/index_43.gif';image5.src='images/index_12.gif';" >
<img name="image12" style="border:none;" src="images/index_43.gif" width="77" height="10" alt=""></td>
<td colspan="2" rowspan="2">
</body>
waar zit mijn for nu, zelf zie ik hem niet.
ik ben trouwens pas bezig met javascript dus ik snap nog niet zo veel.
alvast bedankt, jesper
Gewijzigd op 01/01/1970 01:00:00 door Nvt nvt
Er zit geen for in, dat kan je checken met de zoekfunctie.
for is toch voor een loop?
wat een typefoutje van mij, maar wat wil je ook mar zoveel mouseovers