2015-07-04 79 views
-4

我幾乎在幾分鐘前寫了同樣的帖子。整個事情是如此懶惰,寫得很差我正在發佈這個問題。第一篇文章道歉。網站上的圖片需要一段時間加載

這裏是我的網站:

top-drawer.net/artists.html

當我使用的瀏覽器是不是我自己是非常明顯的圖片多久才能加載在我談論藝術家頁面和個人藝術家自己的頁面。當你點擊你觀看的網頁時,圖片緩慢加載,當你展示新的網站時,它確實看起來並不專業。

這是什麼原因導致我該如何解決?

僅供參考我正在使用谷歌瀏覽器查看我的工作。

+1

標題與你的問題無關嗎? – baao

+0

我可以採取這一點,這是可怕的道歉給大家,從我這是可怕的並不意味着浪費任何時間 –

+0

添加選項fadeFirstImage:false到backstretch腳本。查看我的帖子以獲得更好的解釋 –

回答

1

需要一點時間,因爲有一個腳本可以將img元素的不透明度從零變爲100%,這就是爲什麼您無法立即看到它們的原因。 嘗試從改變:

$('#slider').backstretch([ 
    "/../images/bennyPalmer/2.jpg" 
    , "/../images/bennyPalmer/8.jpg" 
    , "/../images/bennyPalmer/3.jpg" 
], {duration: 3000, fade: 750}); 

到:

$('#slider').backstretch([ 
    "/../images/bennyPalmer/2.jpg" 
    , "/../images/bennyPalmer/8.jpg" 
    , "/../images/bennyPalmer/3.jpg" 
], {duration: 3000, fade: 750, fadeFirstImage: false}); 

請注意,您需要的庫的最後一個版本。這裏的參考: https://github.com/srobbin/jquery-backstretch/pull/345

1

您的圖像需要很長時間才能加載(在藝術家頁面),因爲它們是大文件。嘗試創建大圖像的縮略圖

+0

它們不是真正的大圖像,對於jpeg而言,300k比可接受的更多。 –

+0

第一個2我看了超過1MB - 當然,這不是很大,除非你用蹩腳的ADSL困在澳大利亞:p –

相關問題