c# - ASP NET イメージ onmouseover が機能しない

Question

私のページには2つの画像があります。私がやりたいことは、2番目の画像の上にマウスを移動すると、最初の画像が別の画像に変わりますが、何かがうまくいきません。

コード：

<asp:Image ID="imgProduct" runat="server" ImageUrl="~/Images/1.png" />
<asp:Image ID="Image1" runat="server" ImageUrl="~/Images/2.png"  onmouseover="imgProduct.src='Images/2.png';"/>

マスターページでIDを任意の画像IDに変更するonmouseover="imgProduct.src=と、その画像は正しく変更されますが、デフォルトページでは機能しません。

助言がありますか？

Answer 1

代わりにこれを試してください：

<asp:Image ID="Image1" runat="server" ImageUrl="~/Images/2.png"  
onmouseover="javascript:document.getElementById('imgProduct').src=this.src;" />

幸運を ！！

Answer 2

Page_Load イベントで、この行を追加します。

Image2.Attributes.Add("onmouseover",imgProduct.ClientID+".src='Images/2.png'");