當圖像加載時添加'加載'gif

-1

如何在加載圖像時使用jQuery添加加載gif文件，而不是在代碼後面進行加載？例如對於這一行？請幫助。當圖像加載時添加'加載'gif

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

來源

2012-05-21 hakunabean

你的代碼示例是不是jQuery的。這是不是真的很清楚你試圖達到什麼（當一個圖像已經加載時加載加載圖片），也沒有嘗試過。你可能想要更多地指定你的問題。 – Lukx

請發表您的腳本.. – coolguy

抱歉，但我在這裏處理一些遺留代碼，我花了幾天，但仍然無法弄清楚如何處理整個代碼。我認爲可以改變的代碼就是這一行。最初的代碼是使用Telerik方法.... – hakunabean

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

此外，更多的jQuery的參考，請訪問jQuery website或w3school！

來源

2012-05-21 08:36:01 panda

不推薦w3schools：http://w3fools.com/ – Niklas

_「plz訪問jQuery網站或** w3cshcool ** !!」_我猜downvotes會快來... :)更新：我想我錯了。 – gdoron

@Niklas很好，通常我也是一個W3schools仇敵，但你必須承認，他們有一些相當不錯的文章，很好的解釋。因此，對於以Web-Stuff開始的人來說，它仍然是一個很好的資源。 – Christoph

我已經使用這個破解一次：

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

來源

2012-05-21 08:41:54

當圖像加載時添加'加載'gif

回答

相關問題