有沒有辦法為首頁預加載整個背景封面圖像

Question

我的項目主頁中有完整的背景封面圖片。 我想知道是否有辦法以某種方式預加載它，以便它立即顯示，而不是像現在這樣逐漸顯示。 我已經搜索了解決方案，但是這些解決方案主要是關於在用戶已經在網站上之后預加載頁面的圖像，我想知道是否有辦法為網站的第一頁預加載封面圖像？

這是我在css文件中的內容：

.section .image {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100vh;
  z-index: 2;
  position: absolute;
  display: block;
  background-image: url('/img/kid-cover.jpg');
  animation: zoom 7s;
  -webkit-animation-fill-mode: forwards;
}

Answer 1

您可以在$（window）.load中使用jquery獲取圖像背景。 請參閱預加載CSS圖像 。

然后，可以在預加載圖像之前顯示啟動屏幕，並在加載圖像后將其隱藏。

希望這可以幫助。 問候

Answer 2

我認為您可以做的是在Javascript中使用一個時間間隔，並使其固定，以便頁面的其余部分必須等待1000毫秒（1秒）才能加載，而背景圖像不必等待任何時間。