顯示加載圖像，而通過jQuery

圖像加載我有這個JavaScript顯示加載圖像，而通過jQuery

$(function() { 
    $('button').click(function() {   
     $('#imgText').html('&lt;img src="imagecreator.php?param=' + $('input[name=username1]').val() + '"&param="'+ $('input[name=username2]').val() + '" /&gt;'); 
    }); 
});

它從外部源加載GD圖像，並將其返回。它可能會很慢，並且我無法弄清楚如何在加載外部圖像時顯示加載gif。

任何輸入？

來源

2012-12-23 EliteDK

嘗試使用一些第三方的東西，像我經常使用：BlockUI（http://www.malsup.com/jquery/block/），你只需要阻止這是你形象的容器中，用定製的加載GIF顯示元素，並解除其在該圖像的加載事件。

編輯：

一個非常粗略的代碼可以在這裏找到：http://jsfiddle.net/EfGTS/，你需要花更多的時間玩它來滿足你的需要。

代碼：

$(function() { 
    $('input').click(function() { 
     $('#theContainor').block({ 
      message: '<h1><img src="http://jimpunk.net/Loading/wp-content/uploads/loading45.gif" width="300px" height="300px"/>Just a moment...</h1>', 
      css: { height: '0px'} 
      }); 
     $('#theContainor').append('<img src="http://www.ptb.de/de/aktuelles/archiv/presseinfos/pi2011/bilder/20110228_thoron_big.jpg?seed=' + Math.random() +'" width="300px" onload="$(\'#theContainor\').unblock();"/>'); 
    }); 
});

來源

2012-12-23 04:49:36

顯示加載圖像，而通過jQuery

回答

相關問題