我有一个分层的div组件，它通过滑动动画顶部图像以显示下面的下一幅图像，从而显示连续的一系列大kb图像。我正在尝试了解如何最好地解决这一问题。
方法1：
彼此叠置多个div，每个div都分配有图像作为背景，然后根据需要滑动div。
隐藏的div是在页面加载时才加载图像，还是仅在显示时才加载？这是浏览器/客户端的特定行为吗？在这方面，所有图像（jpeg，png）是否表现相同？
方法二：
仅使用两个divs-一个可处理滑动，另一个将加载并显示下一张图像。
在这种情况下，是否可以预加载下一张图片，以便在显示下一张图片时不会降低javascript的速度？
谢谢-如果有人有其他想法，我很想听听他们的想法。
最佳答案
您的第一种方法，即使图像是通过CSS“隐藏”的，也会通过HTTP请求由所有浏览器加载所有图像。您的第二种方法或它的某些变体可能更好。
我建议您使用AJAX来下拉每个图像。绝对有可能预加载图像。
您可能需要考虑jquery或javascript的现有幻灯片/灯箱类型的插件。已经做过很多次了，您将需要重新创建轮子（除非这更多是一种学习体验）。
这是一个有趣的示例，其中预装了回调以在准备就绪时提醒您。也许是一个适应的好人？
http://binarykitten.me.uk/dev/jq-plugins/107-jquery-image-preloader-plus-callbacks.html
关于javascript - 在网页中有效加载隐藏/分层的图像，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/3629506/