c# - 画像制御用のOnLoadクライアントイベント

Question

onLoadクライアント側のイベントをASP.Netイメージコントロールにバインドする必要があります。私はかなり長い間それを試しましたが、成功しませんでした。

関数名onload="onLoadFunction(this)"

脚本：

function onLoadFunction(img) {
     $(img).css("visibility", "visible"); // Using jQuery
     // img.style.visibility = "visible"; // Using just javascript.
 }

マークアップ：

<asp:Image ID="imgTopFourImg2" runat="server" width="170px" height="112px" CssClass="ArticleImgHP" border="0" ImageUrl="hello.jpg" OnLoad="onLoadFunction(this)" />

それは私のために働いていません誰かがこれで私を助けることができれば私は感謝します。

Answer 1

$("img #xyz").bind("load", function () { $(this).css("visibility", "visible"); });

Answer 2

OnLoad属性は、クライアント側ではなくサーバー側のイベントであるLoadイベントをイベントハンドラーに追加するために使用されます。

生成された画像要素のonload属性を作成する場合は、Attributesコレクションを使用する必要があります

imgTopFourImg2.Attributes["onload"] = "onLoadFunction(this)";

コメントから編集

画像はリピーターアイテム内にあるため、コードビハインドでは使用できません。ItemDataBoundイベントを処理します。

void R1_ItemDataBound(Object Sender, RepeaterItemEventArgs e) {

          // This event is raised for the header, the footer, separators, and items.

          // Execute the following logic for Items and Alternating Items.
          if (e.Item.ItemType == ListItemType.Item 
                  || e.Item.ItemType == ListItemType.AlternatingItem) 
             {

                var imgTopFourImg2 = e.Item.FindControl("imgTopFourImg2") as Image;
                if (imgTopFourImg2 != null)
                    imgTopFourImg2.Attributes["onload"] = "onLoadFunction(this)";
             }
          }
       }  

Answer 3

$("#imgTopFourImg2").bind("load", function () { $(this).show(); });

すでにjQueryを使用しているので、メソッドshow()とメソッドを調べる価値があります。hide()

Answer 4

$("img #id").bind("load", function () { $(this).css("visibility", "visible"); });