イメージコントロールの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

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

から

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

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

EDIT画像はこれではないリピーターアイテムの内側にあるので、コードの背後にあります。あなたは既にjQueryのを使用しているので、それは、show()とhide()方法に探して価値が

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 2

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

Answer 3

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

Answer 4

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

：ItemDataBoundイベントを処理します。