函数中的 JavaScript 图像预加载

Question

首先，我对 JavaScript 一无所知。 我有一个带有以下代码的网站幻灯片：

//* Slideshow 1 *//
var slider_img_1 = document.querySelector(".image_slide_1");
var images_1 = ["fabric1_1.jpg", "fabric1_2.jpg", "fabric1_3.jpg", "fabric1_4.jpg", "fabric1_5.jpg"];
var i = 0;
//* Slideshow 2 *//
var slider_img_2 = document.querySelector(".image_slide_2");
var images_2 = ["book1_1.jpg", "book1_2.jpg", "book1_3.jpg", "book1_4.jpg", "book1_5.jpg", "book1_6.jpg", "book1_7.jpg"];
var j = 0;

单击幻灯片时，图像会循环播放。 是否可以让 var 括号内的图像预加载，因为目前它们仅在单击幻灯片时才开始加载，在我的情况下这需要很多时间。

我希望你能很好地理解我的问题。谢谢各位！

Answer 1

在这个用例中（如果您需要使用 JavaScript 加载图像），最好在页面加载时将图像附加到 HTML 中并隐藏它们，例如，当它们不应该可见时使用 CSS。