首页 / JAVASCRIPT / javascript – 显示加载程序图像,直到背景图像完全加载

javascript – 显示加载程序图像,直到背景图像完全加载

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 显示加载程序图像,直到背景图像完全加载，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含827字，纯文字阅读大概需要2分钟。

内容图文

我正在尝试为背景图像实现一个加载器,直到整个图像使用jquery完全加载.我尝试了各种方法来做到这一点.由于图像是在CSS中指定的,因此我无法指定确切的图像ID或类.最后我最终这样做了,

$(window).load(function() {
   $(".loader").fadeOut("slow");
})

但这样做是在窗口加载时发生的.我希望在图像完全加载之前发生它.
背景图片来自以下部分

<div class="loader"></div>
    <div class="test_banner services_banner">
</div>

如果有人帮助管理这个案子,那将会很棒.提前致谢.

解决方法:

也许你可以使用多个背景图像

例：

div {
  height:90vh;
    width:90vw;
  background:url(http://lorempixel.com/1200/800/nature/) center,
    url(http://www.jqueryscript.net/demo/Simple-Customizable-jQuery-Loader-Plugin-Center-Loader/img/loader1.gif) center center no-repeat ;/* this works once/untill image has been loaded */
<div></div>

Gif背景仍然留在这里,但画的是behi,d大图像.只要没有加载大图像就可以看到……

内容总结

以上是互联网集市为您收集整理的javascript – 显示加载程序图像,直到背景图像完全加载全部内容，希望文章能够帮你解决javascript – 显示加载程序图像,直到背景图像完全加载所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/726648.html

来源：【匿名】