2

ボタンクリックで画像のsrcを設定することは可能ですか?各ボタンは、「画像」領域に表示される画像を表しています。ボタンのクリックによって画像領域の SRC プロパティが影響を受けるようにする必要があります。Visual Studio 2012 を c# で使用しています。

-編集: Visual Studio 2012 で C# を使用して AJAX 更新パネルを使用する

4

3 に答える 3

2

はい。これは、JavaScript を使用してボタンにクリック ハンドラーを追加することで実現できます (onclick="loadImage1()")。

loadImage1 関数では、イメージ要素の src 属性にアクセスして変更するために必要な JavaScript を記述する必要があります。

これは、プレーンな JavaScript (上記の概念を参照)、または jQuery などの JavaScript ライブラリを使用して実現できます。クロス ブラウザーの互換性と、クロス ブラウザーの安全なロジックを記述する必要をなくすために、jQuery でこれを処理することをお勧めします。

<img id="img1" src="initialimagehere.jpg"/>

そして、次のように src 属性を変更できます。

$("#img1").attr("src","newimagehere.jpg");

jQuery:このリンク

于 2012-11-04T06:18:45.650 に答える
2

画像を変更するたびにポストバックが受け入れられる場合は、次のようにすることができます。

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" />
于 2012-11-04T06:33:44.663 に答える