ボタンクリックで画像のsrcを設定することは可能ですか?各ボタンは、「画像」領域に表示される画像を表しています。ボタンのクリックによって画像領域の SRC プロパティが影響を受けるようにする必要があります。Visual Studio 2012 を c# で使用しています。
-編集: Visual Studio 2012 で C# を使用して AJAX 更新パネルを使用する
ボタンクリックで画像のsrcを設定することは可能ですか?各ボタンは、「画像」領域に表示される画像を表しています。ボタンのクリックによって画像領域の SRC プロパティが影響を受けるようにする必要があります。Visual Studio 2012 を c# で使用しています。
-編集: Visual Studio 2012 で C# を使用して AJAX 更新パネルを使用する
はい。これは、JavaScript を使用してボタンにクリック ハンドラーを追加することで実現できます (onclick="loadImage1()")。
loadImage1 関数では、イメージ要素の src 属性にアクセスして変更するために必要な JavaScript を記述する必要があります。
これは、プレーンな JavaScript (上記の概念を参照)、または jQuery などの JavaScript ライブラリを使用して実現できます。クロス ブラウザーの互換性と、クロス ブラウザーの安全なロジックを記述する必要をなくすために、jQuery でこれを処理することをお勧めします。
<img id="img1" src="initialimagehere.jpg"/>
そして、次のように src 属性を変更できます。
$("#img1").attr("src","newimagehere.jpg");
jQuery:このリンク
画像を変更するたびにポストバックが受け入れられる場合は、次のようにすることができます。
C# の場合:
protected void btnClick(object sender, EventArgs e) {
Button btn = (Button) sender;
switch (btn.ID) {
case "btn1": img.ImageUrl = "<Image_Url>"; break;
case "btn2": img.ImageUrl = "<Image_Url>"; break;
}
}
ASPX ページ:
<asp:Image ID="img" runat="server" />
<asp:Button ID="btn1" runat="server" OnClick="btnClick" />
<asp:Button ID="btn2" runat="server" OnClick="btnClick" />