我有此代碼運行加載我的圖像所有異步並顯示ajax加載圖像,直到下載實際圖像。顯示加載圖像仍顯示「瀏覽器加載圖像」圖標
$('img.loadable-image').css('background', 'transparent url(/images/ajax-loader1.gif) no-repeat center center')
$('img.loadable-image').load(function() { $(this).css('background', ''); });
這工作,因爲它顯示了我的AJAX加載圖標,直到圖像被下載,但它也顯示了背景,以及
這裏是我的原始圖像的html:
<img class="loadable-image" src="mysite.com/validimage.jpg" border="0" height="50" width="50">
這裏我得到的屏幕截圖:
alt text http://img820.imageshack.us/img820/3289/ajaxload.png
,就像你在左邊看到的那樣,你會看到小的ajax裝載程序,但是也會看到它周圍丟失的圖像。
有什麼建議嗎?
@Andy E公司的頭 - 你可以用一個例子闡明。我不太喜歡,因爲我有透明套裝 – leora 2010-06-14 12:28:36
@ooo:更新我的答案更詳細。簡而言之,你的圖片需要'src'屬性存在並指向一個有效的圖片url。 – 2010-06-14 12:34:48
@Andy E的頭 - 我用我的圖片html更新了我的問題。我在src中有一個有效的圖像。 。這是需要很長時間才能加載的大圖像。請告知 – leora 2010-06-14 12:42:30