javascript - 在网页加载之前预加载图像

标签 javascript jquery html css

这是我的第一个问题,所以请原谅我问错了:) 我想在加载网页之前预加载 3 张图片,这样所有图片都会同时出现。现在图像一个接一个地加载,看起来有点断断续续。一张图片是在 css () 中定义的,另外两张是简单的“img”元素。我已经尝试创建 javascript 图像对象 - 图像仍然加载不连贯,试图在 display:none; 中预加载它们div - 仍然不稳定。我该怎么办?

谢谢。

最佳答案

一个简单的解决方案是使用数据 URI http://css-tricks.com/data-uris/

http://www.nczonline.net/blog/2010/07/06/data-uris-make-css-sprites-obsolete/

我认为这应该可以解决它。

就 IE 而言,数据 URI 有一些限制,但我认为在这种情况下,您应该将其称为优雅降级。 :)

编辑:我看到你提到显示:无 div。显示非 div 不会预加载您的图像。您需要将显示设置为以另一种方式阻止和隐藏 div。设置 z-index 或 -9999 偏移量等。

关于javascript - 在网页加载之前预加载图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3543339/

相关文章:

javascript - 如何使用 javascript 访问文本输入值

javascript - 删除表 JQUERY 中除最后一行之外的所有行

javascript - jQuery:在 Tab 键上触发事件

javascript - 如何运行encodeURIComponent但有一个异常?

javascript - 如何获取文件上传按钮的文本?

javascript - 在 C# 代码隐藏中调用 WebMethod,而无需在 ASPX 页面中使用服务器窗体

javascript - jQuery Deferred/Promises 与许多 getJSON

jquery - jquery 数据表中的更改事件不会在动态绘制的行上触发

javascript - Bootstrap Switch 触发 switchChange 事件但视觉上没有变化

html - Contact Form 7 - 复选框自定义/程式化