link med billede

Jeg har en side med to frames ( top + bund ).

Bund sciptet ser således ud :

<HEAD>
<TITLE>Shopping Items</TITLE>
</HEAD>
<BODY>
<h2>Shopping Items...</h2>
<p>
<FORM NAME="itemsform">

<!-- Put items in a table -->

<table>
<tr><th align=left>Item</th><th>Quantity</th></tr>
<tr><td>Chemical Brother's T-Shirt</td><td>

<!-- Display quantity box -->

<INPUT TYPE="value" NAME="cbtquant" VALUE="1" SIZE=3>
</td><td>

<!-- Display button that calls buyItem() --><INPUT TYPE="button" NAME="cbtadd" VALUE="Add" onclick="top.menu.buyItem('Chemical Brothers T-Shirt','0.45', document.itemsform.cbtquant.value)">
</td></tr>

<!-- Same as above for any other items, just remember to -->
<!-- change the input names etc.                        -->

<tr><td>Prodigy 'Keith' Doll</td><td>
<INPUT TYPE="value" NAME="pkdquant" VALUE="1" SIZE=3>
</td><td>
<INPUT TYPE="button" NAME="pkdadd" VALUE="Add" onclick="top.menu.buyItem('Prodigy Keith Doll','24.44', document.itemsform.pkdquant.value)">
</td></tr>

<tr><td>A Positive Life</td><td>
<INPUT TYPE="value" NAME="aplquant" VALUE="1" SIZE=3>
</td><td>
<INPUT TYPE="button" NAME="apladd" VALUE="Add" onclick="top.menu.buyItem('A Positive Life', '1000.45', document.itemsform.aplquant.value)">
</td></tr>

</TABLE>
</BODY>
</HTML>

Som det kan ses så er der ud for hver vare en button, og den vil jeg gerne have at den bliver skiftet ud med en gif fil. Hvordan gør jeg det, og er der speciele forhold når den adder til cart, når der er et billede i stedet for en button.

Jeg håber at det jeg skriver har lavet nogen mening :)