jquery - 画像が読み込まれるときに「読み込み中」のgifを追加します

Question

コードビハインドを使用せずに、jQueryを使用して画像の読み込み時に読み込み中のgifファイルを追加するにはどうすればよいですか？たとえば、この行に？plsは役立ちます。

<asp:HyperLink ID="hprImage" runat="server" NavigateUrl='<%# Eval("WebAddress")%>' ImageUrl='<%# ReturnFilePath((Eval("FileName")).ToString()) %>' Target="_blank"></asp:HyperLink>

Answer 1

$("loading place").ajaxStart(function(){
    $(this).html("<img id='loading'/>")
});

また、jQuery のリファレンスについては、 jQuery の Web サイトまたはw3schoolをご覧ください!!

Answer 2

私は一度このハックを使用しました：

<div>
  <span id="id1">View image</span>  
  <div style="display:none;" id="spinner">
    <img src='/images/preloader.gif' width="16"/>
  </div>
</div>

これは「id1」の関数onClickでした：

    function loadImage()
    {
        var spinnerObj = $('#spinner'); //Spinner until the image loads
        spinnerObj.show();
        var img = $("<img width='100px;' />").attr('src', 'http://www.foo.com/a.gif').load(function()
        {
       var imageDiv = spinnerObj.parent();
       imageDiv.html(img);
        });
    }