Dropdown Bildwechsel bei Attribute

[bastidjdj]

Hallo,

habe ein riesen Problem und komme einfach nicht weiter! Ich möchte gerne das sich die Bilder neben den Dopdown Menü ändern! siehe Code.... leider ist aber das Problem das sich immer nur das erste Bild ändert und nich das was neben dem Attribute ist:

Code:
<script type="text/javascript">
function Tauschen(Dateiname) {
document.getElementById('bild').src=Dateiname;
}
</script>
<strong>{if $options!=''}

<!--BOF ATTRIBUTE PRICE UPDATER -->
<script language="javascript">
   // <![CDATA[
   {$APU_INIT}
   {$APU_CURR}
   {$APU_PRICES}
   var apu_var = new Array();
    {$APU_JS}
   // ]]>
</script>
</strong>
<div id="productAttributes">
  <strong>
  <!--EOF ATTRIBUTE PRICE UPDATER -->

  </strong>
  <table width="100" border="0" cellspacing="0" cellpadding="0">
    {foreach name=outer item=options_data from=$options}
    <tr>
      <td class="main"><strong>{$options_data.NAME}:&nbsp;</strong></td>
      <td>
        <strong>
          <select style="width:250px" name="id[{$options_data.ID}]" id="{$options_data.ID}">

  {foreach key=key_data item=item_data from=$options_data.DATA}

            <option Onclick="Tauschen('http://www.meinshop.de/shop/templates/online2011/module/product_options/{$item_data.ID}.jpg')" value="{$item_data.ID}">&nbsp;{$item_data.TEXT} {if $item_data.PRICE !='' }{$item_data.PREFIX} {$item_data.PRICE}{/if}&nbsp; </option>

{/foreach}

          </select>

      </strong> </td>
      <td>
      <img  src="http://www.meinshop.de/shop/templates/online2011/module/product_options/{$item_data.ID}.jpg."/></td>
    </tr>
    {/foreach}
  </table>

  <strong>
  <!--BOF ATTRIBUTE PRICE UPDATER -->
</strong></div>
<div id="apuDebug">
</div>
<div id="apuProductPrice">
</div>
<strong><!--EOF ATTRIBUTE PRICE UPDATER -->

{/if}</strong>


Linkback: https://www.modified-shop.org/forum/index.php?topic=29318.0