Javascript 仅预加载选定的图像

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

重要提示：

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

---

有什么线索可以这样做吗？

将body标记设置为visibility:hidden in the html，并在后台加载。。。加载页面上的所有内容（包括幻灯片和照片）后，将其设置为visibility:visible。

---

这可能有助于您进行设计。

大致概述：使用各种javascript事件（可能一些jQuery会让生活更轻松）触发ajax调用。网站是由php生成的，不是由我生成的，但我对向浏览器发送html有点好奇，有什么有用的链接吗？我至少会有一个加载gif或其他东西，让用户知道页面是有效的。我不能这样做，因为我不能改变可见内容加载的方式，我必须只更改当有人进入页面时最初不可见的内容。根据你的问题，我假设，您不想触及代码的现有可见性逻辑。。。。这样，您就不会触碰现有的可见内容加载等。。。你只隐藏了超集。。。这样你就不会触及可见性的现有逻辑。。。一旦你认为你的js代码已经完全加载，那么就把父元素设置为可见。正如我说过的，我不能对html，甚至css进行任何更改，我只需要对标签进行更改，最终我想我可以添加一些不可见的元素