我試圖找出一種方法來緩存我的畫廊腳本中的下一個和以前的圖像......我想知道這是否是一個很好的方法來做到這一點。另外,有沒有辦法爲下載的圖像手動指定緩存時間?是否仍會下載並緩存style =「display:none」的圖像?
14
A
回答
33
display: none
圖像將被下載並緩存在客戶端上。然而,JavaScript的已經有一個明確的預載圖片的方式:
var nextImage = new Image();
nextImage.src = "your-url/newImage.gif";
這將預加載圖像沒有它顯示給用戶。
1
2
我不確定緩存行爲與display: none
(它可能會在不同的瀏覽器之間有所不同),但您可以通過在JavaScript中創建圖像對象來顯示圖像到瀏覽器的緩存中,而不顯示它。直到您將其添加到頁面後,圖像纔會顯示。
var image = new Image();
image.src = 'example.com/image'
關於「有什麼辦法來手動指定緩存時間下載圖像?」,有,但是這涉及在圖像傳送到瀏覽器中的HTTP響應。谷歌有一個很好的入門:https://developers.google.com/speed/articles/caching
相關問題
- 1. android下載/緩存圖像
- 2. style =「display:none」not working
- 3. 是否UIImageView緩存圖像?
- 4. 是否UIImage緩存圖像?
- 5. CSS替代style =「display:none」
- 6. CSS替代style =「display:none」
- 7. SDWebImage下載圖像並存儲到緩存的密鑰
- 8. 下載並存儲圖像
- 9. CSS Display:none - 它是否仍然加載DOM內的所有內容?
- 10. 如何緩存下載的圖像
- 11. 在ListView中緩存下載的圖像
- 12. Android:下載圖像並將它們保存爲緩存
- 13. Android是否將從HTTP下載的圖像保存在緩存中?
- 14. 使用jQuery預加載並緩存下一個x圖像
- 15. 使用Almofireimage下載並緩存單元格圖像
- 16. 緩存未過期,但文件仍將下載並覆蓋
- 17. IE緩存是否找不到圖像?
- 18. Glide:如何查找圖像是否已被緩存並使用緩存版本?
- 19. 下載圖像編輯圖像然後緩存
- 20. 如何判斷圖像是否在JQuery中加載或緩存?
- 21. 下載並保存圖像根
- 22. 從其他緩存圖像加載緩存圖像
- 23. 用jquery預加載圖像 - 圖像是否保留在緩存中?
- 24. Android - Glide圖像加載和緩存庫是否異步處理圖像?
- 25. CouchDBX是否仍可供下載?
- 26. 下載網址從圖像並不總是保存整個圖像(WinRT的)
- 27. 下載圖像並保存下載格式
- 28. 由UIL下載的緩存中的圖像的SetImageview資源lib
- 29. 圖像加載程序位圖緩存
- 30. 如何使用style = display:none驗證字段?
這是可能的JavaScript,但我更喜歡這個解決方案更好(如果它的作品)。 – Thomas 2010-01-30 19:12:03