替代预加载图像

Question

所以我正在尝试制作jQuery幻灯片。

我已经阅读了很多教程，并且几乎所有教程都说使用以下代码的一些变体来预加载图像：

imageArray[imageNum++] = new imageItem(imageDir + "02.jpg");
imageArray[imageNum++] = new imageItem(imageDir + "03.jpg");
imageArray[imageNum++] = new imageItem(imageDir + "04.jpg");
imageArray[imageNum++] = new imageItem(imageDir + "05.jpg");

如果你有四张幻灯片，这很好，但是如果幻灯片放映有大约10或15张不同的幻灯片，这可能会大大降低网站的速度。

所以问题仍然存在，我怎样才能将所有这些图片传递给客户端而不会导致功能大幅下降？

Answer 1

您可以尝试仅预加载幻灯片中下一个图像。有用的链接：http://engineeredweb.com/blog/09/12/preloading-images-jquery-and-javascript/

Answer 2

实际上，您不需要在javascript中预加载图片。这完全取决于用户的舒适度。在javascript中预加载图像让你能够向用户显示一些反馈（加载gif，加载条，％...）并对他说：请等几秒钟。否则，他将在2或3秒内看不到任何东西（取决于图像的数量和大小）。例如，在带有图像（没有js）的基本html页面中，一切正常，但加载页面可能需要一段时间。

这就是为什么jquery（和其他）幻灯片片段使用JS加载。