2014-03-13 38 views
0
頁面

底部預緊我有這樣的jQuery的圖片預加載腳本:jQuery的圖像在

<script> 
jQuery(function(){ 
     $.preload(
     '1.jpg', 
     '2.jpg', 
     '3.jpg' 
     ); 
    }); 
</script> 

的問題是圖像根據當前頁面動態生成的,所以他們並不總是相同。我爲頁面的標題,主要內容(包含圖像生成代碼)和頁腳分別設置頁面。

頁腳包含JQuery JS代碼,因此頁面加載速度更快,但顯然它會呈現預加載無用,因爲它是在jQuery之前在主內容頁面中生成的。

我沒有辦法在jQuery加載後包含圖像預加載,所以我唯一的選擇是將jQuery加載到頁面的頭部,這會減慢加載時間。

我試圖將其更改爲DOM準​​備好,但似乎並不要麼工作,除非我做錯了什麼:

<script> 
jQuery(function(){ 
$(document).ready(function() { 
     $.preload(
     '1.jpg', 
     '2.jpg', 
     '3.jpg' 
     ); 
    }); 
});   
</script> 

有什麼辦法來執行圖像只jQuery的預壓後代碼已被加載?

謝謝:)

+2

你已經在使用DOM準備'jQuery(function(){' – putvande

+1

什麼是'$ .preload()'? –

+0

它從http://dreamerslab.com/blog/en/preload-images調用圖片預加載器-with-jquery-preload-plugin/:) – user2643870

回答

1

頁腳包含JQuery的JS代碼,使網頁加載速度更快,但很明顯,它呈現爲在主內容頁面生成,jQuery的前預壓沒用。

如果您的圖像是瀏覽器獲取的HTML的一部分,那麼預先加載它們(作爲同一頁面的一部分)是毫無意義的。預加載對於您認爲將來可能出現的圖像非常有用。

所以,繼續這樣做,不要擔心使當前頁面更快,因爲你不能。

+0

實際上,圖像預加載是由於我正在使用的圖像縮放,所以我預加載了縮放的圖像。 – user2643870

+0

@ user2643870:繼續這樣做... – Ryan