javascript - 仅预加载选定的图像

Question

我正在寻求解决以下问题的帮助：我有一个带有 2 个滑块和可调整大小内容的网站，我需要在以下情况下在网站上加载该照片： - 当它在滑块中或在网站上可见时，它应该随网站一起加载 - 当它不可见它应该是预加载的

重要笔记：

• 我无法更改页面 html（所有图像都有 src 属性） - 无法设置为 css。
• 我不能使用 jQuery，因为我不能等待 document.ready
• 所有这些都以互联网连接速度非常慢的用户不会注意到的方式完成。

任何线索如何做到这一点？

Answer 1

将正文标签设置为可见性：在 html 中隐藏并在后台加载...一旦您加载页面上的所有内容（包括幻灯片和照片），然后将其设置为可见性：可见。这可以帮助您进行设计。