我對一些圖像做了一些操作,但爲了順利地處理一切,我需要瀏覽器加載圖像。 例如,如果我做 $('body')。append(''); 一切正常,因爲它應該和沒有延遲加載圖像。將隱藏圖像加載到HTML
如果我在圖像上嘗試style="display:none;"
,它不會被瀏覽器加載,並且在執行腳本時仍然存在延遲。
您能否爲我提供其他解決方案?由於
解決方法:從Preloading images with jQuery
我對一些圖像做了一些操作,但爲了順利地處理一切,我需要瀏覽器加載圖像。 例如,如果我做 $('body')。append(''); 一切正常,因爲它應該和沒有延遲加載圖像。將隱藏圖像加載到HTML
如果我在圖像上嘗試style="display:none;"
,它不會被瀏覽器加載,並且在執行腳本時仍然存在延遲。
您能否爲我提供其他解決方案?由於
解決方法:從Preloading images with jQuery
$('<img/>')[0].src = mouseOverImg;
嘗試$(document).ready(function(){ ** Your code at this place ** });
聲明您可以嘗試設置其爲屏幕外的位置。
這是什麼意思,它是不可見的當前用戶視口,但它是在HTML中創建的。
嘗試使用visibility: hidden;
而不是display:block;
而display:none;
您的div上沒有該指定圖像的請求和空間。當display: inline;
或display:block;
希望它有助於
嘗試不透明度,而不是顯示它只會加載? – IvanL
相關:http://jakearchibald.github.io/request-quest/ – Prasanth