文章/答案/技术大牛

发布

社区首页 >问答首页 >有没有办法为主页预加载完整的背景封面图片？

问有没有办法为主页预加载完整的背景封面图片？
EN

Stack Overflow用户

提问于 2016-12-05 17:25:13

回答 2查看 183关注 0票数 0

我有一个完整的背景封面图片的主页在我的项目。我想知道是否有一种方法可以预加载它，这样它就可以立即显示，而不是像现在这样逐渐显示。我一直在寻找解决方案，但他们都是关于预加载页面的图像后，用户已经在网站上，我想知道有没有办法预加载网站的第一页的封面图像？

这是我在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;
}

css

image

javascript

html

回答 2

Stack Overflow用户

发布于 2016-12-05 18:00:40

您可以在$(window).load中使用jquery获取图像背景。参见Preloading CSS Images。

然后，您可以在预加载图像之前显示启动画面，并在加载图像时隐藏此画面。

希望这能有所帮助。问候

票数 0

Stack Overflow用户

发布于 2016-12-06 13:24:41

我认为你可以在Javascript中使用一个时间间隔，这样页面的其余部分必须等待1000毫秒(1秒)才能加载，而背景图像不必等待任何时间。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/40970918

复制

相似问题

问有没有办法为主页预加载完整的背景封面图片？
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问有没有办法为主页预加载完整的背景封面图片？EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问有没有办法为主页预加载完整的背景封面图片？
EN