預加載圖片以獲得最佳用戶體驗的頁面的最佳方式

Question

我正在創建一個網站，其中有許多頁面要使用next和prev按鈕滾動瀏覽。我開始創建一個java幻燈片，但是那裏有很多問題爲每個圖像創建主題標籤和隨後的社交按鈕。我放棄了這個框架，因爲1）JS關閉的用戶根本無法欣賞這些圖像，2）這是我的屁股疼痛。

我現在擁有的是一個帶有圖像的許多頁面的集合，其中每個下一個按鈕都有一個指向下一頁的鏈接。

什麼是使頁面轉換看起來像沒有任何更改除了預加載的圖像（標題，旁邊和頁腳不閃爍）的最佳方式？就像funnycatpix.com/_pics/Cat_Lookout.htm

請記住，我不想使用iframe或ajax，我想保持jquery到最低限度。我的服務器上也有PHP 5。

我會緩存下一頁的圖像嗎？我是否緩存整個下一頁？我是否將標題控件更改爲擴展緩存生存期？

Answer 1

沒有看到任何代碼我不能提供很多具體的幫助。你可以只用這很容易緩存的圖像：

$("<img>").attr('src', imageSource); 

這可以用於預加載圖片，所以你可以做什麼是預加載，將出現「下一步」頁面上的圖像時，頁面加載或每次點擊「下一步」。