Предварительная загрузка изображения JavaScript в функции

#javascript #html #css #web

Вопрос:

во-первых, я действительно ничего не знаю о 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, потому что в настоящее время они начинают загружаться только при нажатии на слайд-шоу, что в моем случае занимает много времени.

Надеюсь, вы хорошо поняли мой вопрос. Спасибо, ребята!

Ответ №1:

В этом случае использования (если вам нужно загружать изображения с помощью JavaScript), вероятно, было бы лучше добавить ваши изображения в HTML при загрузке страницы и скрыть их, например, с помощью CSS, когда они не должны быть видны.