Har ett javaScript som ska byta ut bilden jag dra på mot en annan av exakt samma storlek...
Så här ser JavaScriptet ut:
<SCRIPT LANGUAGE="JavaScript">
<!--
// Preload all images
var pic = new image();
pic.src = "thumb/over_1.gif";
pic.src = "thumb/over_2.gif";
pic.src = "thumb/over_3.gif";
pic.src = "thumb/over_4.gif";
pic.src = "thumb/over_5.gif";
pic.src = "thumb/over_6.gif";
pic.src = "thumb/under_1.gif";
pic.src = "thumb/under_2.gif";
pic.src = "thumb/under_3.gif";
pic.src = "thumb/under_4.gif";
pic.src = "thumb/under_5.gif";
pic.src = "thumb/under_6.gif";
pic.src = "thumb/ljud_over_1.gif";
pic.src = "thumb/ljud_over_2.gif";
pic.src = "thumb/ljud_over_3.gif";
function visaBild (bildNamn,bildURL) {
document[bildNamn].src=bildURL;
}
//-->
</SCRIPT>
Så här är det skrivet i bodytaggen...
<table width="200" border="0">
<tr>
<td><a href="#" onMouseover="visaBild ('ljud_over_1','thumb/ljud_over_1.gif');" onMouseout ="visaBild ('over_1','thumb/over_1.gif');"><img src="thumb/over_1.gif" name="over_1" width="40" height="40" border="0"></a></td>
<td><a href="#" onMouseover="visaBild ('ljud_over_2','thumb/ljud_over_2.gif');" onMouseout ="visaBild ('over_2','thumb/over_2.gif');"><img src="thumb/over_2.gif" name="over_2" width="40" height="40" border="0"></a></td>
<td><a href="#" onMouseover="visaBild ('ljud_over_3','thumb/ljud_over_3.gif');" onMouseout ="visaBild ('over_3','thumb/over_3.gif');"><img src="thumb/over_3.gif" width="40" height="40" border="0" neme="over_3"></a></td>
<td><img src="thumb/over_4.gif" name="over_4" width="40" height="40" border="0"></td>
Tack på förhand
--
Daniel