預加載下一張和前一張幻燈片

我使用這個簡單的幻燈片link，它工作正常，但我想預先加載上一張和下一張幻燈片，以使幻燈片放映更快。預加載下一張和前一張幻燈片

任何人都可以幫忙嗎？

來源

2015-08-30 Panganino

向我們展示您的代碼，並且您已嘗試 –

您提供的鏈接在每次點擊時觸發全頁加載（通常幻燈片顯示在一個頁面中，該「技巧」是增加頁面瀏覽次數用戶）。你問的是如何緩存圖像，以便在下一頁加載它們已被瀏覽器緩存？ – MarcoReni

@LinoLinux是的，我選擇了這個幻燈片來增加頁面瀏覽量，我正在尋找一種方法來緩存下一張和上一張幻燈片的圖片。 – Panganino

如果您的圖片提供了正確的Cache Control header，並且他們有後續名稱（如image_1.jpg，image_2.jpg，image_3.jpg），您可以嘗試將它們加載到當前頁面中。

使用jQuery，$("<img />").attr("src", "image_1.jpg");可讓您加載圖像而不必將其放入DOM。您可以使用它根據當前圖像加載下一張和上一張圖像。

來源

2015-08-31 12:51:35 MarcoReni

謝謝@LinoLinux，圖像已成功加載到當前頁面，但是如何檢查我的圖像是否使用了正確的Cache Control標頭？ – Panganino

如果您不確定，請訪問瀏覽器的開發者工具並檢查提供的資源的標題。例如，在這個頁面中，你的頭像（對於我的最後一個請求）'cache-control：max-age = 1209600，no-transform' and'expires：Sun，13 Sep 2015 12:12:29 GMT' – MarcoReni

好的，這些是我的圖片頭詳細信息：緩存控制：max-age = 2592000 過期時間：週五，2015年10月02日17:40:53 GMT 謝謝@LinoLinux – Panganino

預加載下一張和前一張幻燈片

回答

相關問題