c# - ASP.Net イメージの OnMouseOver イベントを動的に入れ替える

Question

onmosueover イベントを作成して、マウスを重ねると画像が別の画像に変わるようにしようとしています。aspxでこれを行う方法を知っています。次のようなことをしました：

<td style="display: block; width: 320px;" valign="top">
          <img style="margin: 3px; border: 0px solid #000000;" src='/Shop/Images/2.jpg' alt="Robot Kit" width="303px" id="previewImg" />
          <br />
          <table cellpadding="0" cellspacing="6">
            <tr>
              <td>
                <img src='1.jpg' style="width: 70px; border: 1px solid #e8e8e8;" onmouseover="document.getElementById('previewImg').src='1.jpg';" onmouseout="document.getElementById('previewImg').src='2.jpg';" />
              </td>
              <td>
                <img src='head.jpg' style="width: 70px; border: 1px solid #e8e8e8;" onmouseover="document.getElementById('previewImg').src='head.jpg';" onmouseout="document.getElementById('previewImg').src='2.jpg';" />
              </td>
            </tr>
          </table>

現在、動的にしようとしており、データベースから画像参照番号を取得しています。私は asp:Image タグを使用していますが、これまでのところ、.cs ページに次のようなものがあります。

  imgItem.ImageUrl = string.Format("Images/{0}.jpg", id);
  imgItem.Width = new Unit(150, UnitType.Pixel);

  imgItem.Attributes.Add("onmouseover", "javascript:swapImageIn('Shop/Images/3.JPG');return true;");
  imgItem.Attributes.Add("onmouseout", "javascript:swapImageOut('imgItem');return true;"); 

  imgItem2.ImageUrl = string.Format("Images/{0}.jpg", 3);
  imgItem2.Width = new Unit(150, UnitType.Pixel);

しかし、ここでそれをどこで形にするかはわかりません。コードは間違いなく完全ではなく、行き詰まっています。どんな助けでも大歓迎です。ありがとう！