顯示預載圖片時，點擊<a>標籤？

Question

我想全部 HTML鏈接（<a href=...）標記顯示單擊時屏幕圖像（GIF預加載器）的中心。目前，我有一個顯示加載進度條的代碼，但只有在加載該頁面時才顯示。我想GIF預加載顯示立即用戶在鏈接上點擊後。

什麼碼？我需要在哪裏添加？

Answer 1

使用jQuery .imageloader（）

<img class="img" src="image.png" /> 
<script> 
$(function() { 
$('.img').imageloader(); 
}); 
</script> 

添加的功能按鈕

希望這有助於。

參觀這裏的例子負荷。

.imageloader()

嘗試了這一點

Answer 2

你必須預裝圖像。 要做到這一點，無論是創建一個圖像元素，隱藏圖像，只顯示上點擊。

OR

你可以調用文檔ready函數的createElement，並設置其源象下面這樣：

var elem = document.createElement("img"); 
elem.setAttribute("src", "images/my_image.jpg"); 

然後，當您使用源的其他地方，它會立即顯示圖像爲已由瀏覽器加載。

Answer 3

試試這個，

$(function(){ 
    $('a').on('click',function(e){ 
     $('<img src="image-pat/img.gif" class="image-loader"/>').appendTo('body'); 
     // .... 
     // your code 
     // .... 
     if($('.image-loader').length) { // check length to remove image-loader again 
      $('.image-loader').remove();// use, if you want to remove the loader again 
     } 
     return true; 
    }); 
});