preloadede images i forb. m. php included menu - vedligeholdelse
Jeg har et site hvor jeg laver en included menu v.hj. af php, men jeg har samtidig lavet mouseover på menuknapperne, så jeg preloader også de images der bruges til mouseover effekten.Problemet er, at når menuen skal opdateres (hvis der skal f.eks. tilføjes en knap) så er det nu ikke kun den inkluderede fil til selve menutabellen der skal ændres - der skal også rettes i rækken af preloadede images...og den kode er ikke i en ekstern fil (og så er der jo ligesom ikke så meget fidus ved at lave menuen include, hvis man alligevel skal rette i alle sider for at ændre koden til de preloadede images...)
koden til den menu der bliver included ser sådan her ud:
<table width="200" cellspacing="0" cellpadding="0">
<tr>
<td style="padding-bottom:10px"><a href="index.php" onmouseover="MM_swapImage('menubtn_fors','','images/lite_menubtn_fors.png',1)" onmouseout="MM_swapImgRestore()"><img src="images/menubtn_fors.png" alt="Forside" name="menubtn_fors" width="200" height="20" border="0" id="menubtn_fors" /></a></td>
</tr>
<tr>
<td style="padding-bottom:10px"><a href="musikere.php" onmouseover="MM_swapImage('menubtn_mus','','images/lite_menubtn_mus.png',1)" onmouseout="MM_swapImgRestore()"><img src="images/menubtn_mus.png" alt="Bands og musikere" name="menubtn_mus" width="200" height="20" border="0" id="menubtn_mus" /></a></td>
</tr>
<tr>
<td style="padding-bottom:10px"><a href="diskoteker.php" onmouseover="MM_swapImage('menubtn_disk','','images/lite_menubtn_disk.png',1)" onmouseout="MM_swapImgRestore()"><img src="images/menubtn_disk.png" alt="Mobil diskotek" name="menubtn_disk" width="200" height="20" border="0" id="menubtn_disk" /></a></td>
</tr>
<tr>
<td style="padding-bottom:10px"><a href="entertainment.php" onmouseover="MM_swapImage('menubtn_ent','','images/lite_menubtn_ent.png',1)" onmouseout="MM_swapImgRestore()"><img src="images/menubtn_ent.png" alt="Anden entertainment" name="menubtn_ent" width="200" height="20" border="0" id="menubtn_ent" /></a></td>
</tr>
<tr>
<td style="padding-bottom:10px"><a href="book.php" onmouseover="MM_swapImage('menubtn_book','','images/lite_menubtn_book.png',1)" onmouseout="MM_swapImgRestore()"><img src="images/menubtn_book.png" alt="Booking - forespørgsel" name="menubtn_book" width="200" height="20" border="0" id="menubtn_book" /></a></td>
</tr>
<tr>
<td style="padding-bottom:10px"><a href="om_mce.php" onmouseover="MM_swapImage('menubtn_om','','images/lite_menubtn_om.png',1)" onmouseout="MM_swapImgRestore()"><img src="images/menubtn_om.png" alt="Om MC Entertainment" name="menubtn_om" width="200" height="20" border="0" id="menubtn_om" /></a></td>
</tr>
<tr>
<td style="padding-bottom:10px"><a href="kontakt.php" onmouseover="MM_swapImage('menubtn_kont','','images/lite_menubtn_kont.png',1)" onmouseout="MM_swapImgRestore()"><img src="images/menubtn_kont.png" alt="Kontakt os" name="menubtn_kont" width="200" height="20" border="0" id="menubtn_kont" /></a></td>
</tr>
<tr>
<td height="200"> </td>
</tr>
</table>
og de preloadede images laver jeg sådan:
<body onload="MM_preloadImages('images/lite_menubtn_fors.png','images/lite_menubtn_mus.png','images/lite_menubtn_disk.png','images/lite_menubtn_ent.png','images/lite_menubtn_om.png','images/lite_menubtn_kont.png','images/lite_menubtn_book.png')">
koden til en hel side ligger på http://www.pandoradesign.dk/include-php-js-problem.rtf
Det er vist det der populært sagt kaldes at skyde sig selv i foden - jeg forestiller mig man måske kunne lave flere includes eller lave javascriptet eksternt, jeg prøver lige js kategorien først - nogen der kan fikse den?
Susanne
