網站圖片不斷在手機上重新加載

我有一個着陸頁，它是以圖片爲背景的幾個部分。每個部分佔據屏幕的大小。在其中一個部分中，圖像每5秒鐘更換一次。網站圖片不斷在手機上重新加載

我的網站在桌面上加載並正常工作（據我所知）。但是，在我上下滾動頁面時，它仍然在重新加載。

例如：我正在查看已加載的第2部分。我向下滾動到第3部分，它仍在加載。一旦它被加載，我滾動到第2部分，第2部分開始重新加載，即使它在那裏是相同的圖像。無論我上下滾動多少次，都會發生這種情況。

我使用自舉3，jQuery的（不是jQuery Mobile的）和HTML5

*注，第1節有不斷交換和縮小圖像。

var imgPreload = new Image(); 
$(imgPreload).attr('src', '/new-image.jpg').load(function() { 
    $(this).remove(); // prevent memory leaks 
    $('#section1').css('background-image', 'url(/new-image.jpg)'); 
}

來源

2015-12-03 tt_Gantz

你爲什麼不使用你的第一個部分一個簡單的純CSS幻燈片：我通過更換舊的圖像之前在後臺加載這些圖片？

pure Css3 slideshow對我來說是一個簡單但很好的全屏幕背景圖像解決方案。

在哪個移動設備上進行過測試？

我在iPad（第4代），iPad（第3代）和某些iPhone 5C和5S上遇到了這個問題。

什麼是圖像大小？他們已被適當壓縮？

我部分通過縮小圖像大小來解決

來源

2016-01-19 01:05:26 FilippoLcr

您可以添加註釋作爲評論這不是一個答案。 –

我知道，但我沒有50個代表，而且這是唯一的迴應方式。如有必要，我立即刪除 – FilippoLcr

FilippoLcr謝謝，我不知道，謝謝。我只在iPhone 4S和OnePlus One上測試過（兩者均失敗）。希望現在你更接近有足夠的代表留下評論btw =） –

網站圖片不斷在手機上重新加載

回答

相關問題