preload ar billeder , hvordan gør jeg ...
Hvordan laver jeg sådan at jeg kan pre-loade nogle billeder til brug ved nogle OnMouseOver\'s således at den besøgende ikke skal vente til billedet er hentet med at kunne se det (når de fører musen hen over billedet) ??\"kan jeg få nogle til at sætte endnu et script ind i min html kode , så den preloader ?
her er html koden ....
<SCRIPT>
img = new Image;
function changeImg(imgName, target) {
img.src = imgName;
document[target].src = img.src;
}
</SCRIPT>
</head>
<center>
<p>
</p>
<div align=\"center\">
<center>
<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"123\" height=\"104\">
<tr>
<td width=\"123\" height=\"20\">
<a href=\"/index.html\" onMouseover=\"changeImg(\'billeder/firma_profil_on.jpg\', \'pic1\')\" onMouseout=\"changeImg(\'billeder/firma_profil.jpg\', \'pic1\')\"><img src=\"billeder/firma_profil.jpg\" border=0 name=\"pic1\"></a></td>
</tr>
<tr>
<td width=\"123\" height=\"20\">
<a href=\"/index.html\" onMouseover=\"changeImg(\'billeder/kontakt_os_on.jpg\', \'pic2\')\" onMouseout=\"changeImg(\'billeder/kontakt_os.jpg\', \'pic2\')\"><img src=\"billeder/kontakt_os.jpg\" border=0 name=\"pic2\"></a></td>
</tr>
<tr>
<td width=\"123\" height=\"20\">
<a href=\"/index.html\" onMouseover=\"changeImg(\'billeder/vand_sanitet_on.jpg\', \'pic3\')\" onMouseout=\"changeImg(\'billeder/vand_sanitet.jpg\', \'pic3\')\"><img src=\"billeder/vand_sanitet.jpg\" border=0 name=\"pic3\"></a></td>
</tr>
<tr>
<td width=\"123\" height=\"20\">
<a href=\"/index.html\" onMouseover=\"changeImg(\'billeder/ventilation_on.jpg\', \'pic4\')\" onMouseout=\"changeImg(\'billeder/ventilation.jpg\', \'pic4\')\"><img src=\"billeder/ventilation.jpg\" border=0 name=\"pic4\"></a></td>
</tr>
<tr>
<td width=\"123\" height=\"20\">
<a href=\"/index.html\" onMouseover=\"changeImg(\'billeder/varme_on.jpg\', \'pic5\')\" onMouseout=\"changeImg(\'billeder/varme.jpg\', \'pic5\')\"><img src=\"billeder/varme.jpg\" border=0 name=\"pic5\"></a></td>
</tr>
<tr>
<td width=\"123\" height=\"20\">
<a href=\"/index.html\" onMouseover=\"changeImg(\'billeder/blikarbejde_on.jpg\', \'pic6\')\" onMouseout=\"changeImg(\'billeder/blikarbejde.jpg\', \'pic6\')\"><img src=\"billeder/blikarbejde.jpg\" border=0 name=\"pic6\"></a></td>
</tr>
<tr>
<td width=\"123\" height=\"20\">
<a href=\"/index.html\" onMouseover=\"changeImg(\'billeder/reperation_on.jpg\', \'pic7\')\" onMouseout=\"changeImg(\'billeder/reperation.jpg\', \'pic7\')\"><img src=\"billeder/reperation.jpg\" border=0 name=\"pic7\"></a></td>
</tr>
<tr>
<td width=\"123\" height=\"20\">
<a href=\"/index.html\" onMouseover=\"changeImg(\'billeder/vedligeholdelse_on.jpg\', \'pic8\')\" onMouseout=\"changeImg(\'billeder/vedligeholdelse.jpg\', \'pic8\')\"><img src=\"billeder/vedligeholdelse.jpg\" border=0 name=\"pic8\"></a></td>
</tr>
<tr>
<td width=\"123\" height=\"20\">
<a href=\"/index.html\" onMouseover=\"changeImg(\'billeder/total_entrepriser_on.jpg\', \'pic9\')\" onMouseout=\"changeImg(\'billeder/total_entrepriser.jpg\', \'pic9\')\"><img src=\"billeder/total_entrepriser.jpg\" border=0 name=\"pic9\"></a></td>
</tr>
<tr>
<td width=\"123\" height=\"20\">
<a href=\"/index.html\" onMouseover=\"changeImg(\'billeder/industri_on.jpg\', \'pic10\')\" onMouseout=\"changeImg(\'billeder/industri.jpg\', \'pic10\')\"><img src=\"billeder/industri.jpg\" border=0 name=\"pic10\"></a></td>
</tr>
<tr>
<td width=\"123\" height=\"9\">
<p> </p>
<p> </p>
<p> </td>
</tr>
</table>
</center>
</div>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</html>
