JS：防止圖像加載後設置爲顯示惰性：塊

在我的網站上，我需要切換完整文章的可見性。JS：防止圖像加載後設置爲顯示惰性：塊

當我使它們可見時（display:block），文本顯示得非常快，而圖像應該是白色的空間。在一半或一秒鐘後，圖像從一次出現（它之前從服務器加載，所以這不是概率xD）。

現在也許有一個解決方案，我可以在RAM中保存圖像。

我甚至不知道如何調用這個問題，所以我在谷歌上找不到太多東西。

（將文章取出DOM-Tree以便將不透明度或可見性設置爲0不是一個解決方案）。

來源

2016-07-26 Exar

你的問題是什麼？ –

可能是標題，只是缺少一個「如何」 – Exar

This SO answer解釋清楚。簡而言之，

如果您在頁面上呈現HTML，即使它隱藏，它也會加載。如果您希望圖片僅在需要時才加載，則必須在 javascript中動態設置圖片代碼上的來源（src）。

來源

2016-07-26 12:47:00

那不是我的問題。該圖像已從服務器加載。然後我用顯示器隱藏它：沒有。然後我再次用display：block顯示它。然後它懶惰。（可能是因爲它不在RAM中） – Exar

聽起來像你在響應中有一些奇怪的緩存控制標題。或者你只是不等待圖像完全加載，然後將其從DOM中刪除（這會導致圖像的獲取在大多數瀏覽器上中止） – EJTH

它取決於瀏覽器如何存儲和從緩存中提取圖像。有很多因素，包括瀏覽器正在做什麼，有多少圖片，它們有多大等等。如果需要這麼長時間，它們有可能被迫退出緩存或者它們太大或者其他問題。你有沒有檢查過，以確保它們確實被緩存了（再次，這可能有點依賴於瀏覽器）？還要確保您沒有禁用緩存（在您的開發控制檯或類似的地方）。

有很多潛在的選項來管理圖像數據，這取決於你在做什麼以獲得最佳解決方案。

來源

2016-07-26 12:56:14 ldg

謝謝，實際上幫助了我一下，因爲我不知道任何關於這個。 – Exar

JS：防止圖像加載後設置爲顯示惰性：塊

回答

相關問題