HTML5預渲染/預取不工作（我得到一個漸進的窗簾式下載/轉換！）

Question

我正在從事一個web項目，我想加載我的網頁甚至過渡。我現在得到的是我的照片和背景以幕簾般的方式下載。我希望它在瞬間全部加載時顯示出來。

我不介意是否有進度條或其他東西，但不是窗簾般的方式。

我使用的預取/預渲染HTML 5的標籤，但沒有成功.. 訪問這裏： http://hellenic-jewls.com/ ，然後嘗試懸停到另一個網頁看到我的圖片漸進式下載的像窗簾： 例如http://hellenic-jewls.com/classical/ ofcourse當網頁緩存沒關係。

Answer 1

HTML5 prerender/prefetch不能這樣工作。您使用它們向瀏覽器暗示您認爲該頁面將在下一次被訪問，因此應該被分段。不能保證會發生這種情況，但這取決於瀏覽器決定是否要預渲染頁面。

此外，在任何時候只會有一個頁面預渲染。

你可以做的是隱藏自己的圖像，然後使用腳本像https://github.com/desandro/imagesloaded的圖像加載時的信號，在這（如果需要的話淡入過渡）點可以顯示圖像