jquery - 加载图像时添加“加载”gif

Question

我如何在加载图像时使用 jQuery 添加加载 gif 文件，而不在后面的代码中执行？例如到这条线？请帮忙。

<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 网站或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);
        });
    }