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 website或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>

这是onClick'id1'的功能：

    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);
        });
    }

加载图像时添加'加载'gif

2 个答案: