Как я могу быстрее нагружаться случайной фоновой функцией IMG? [дублировать] ⇐ CSS

[Anonymous]

Я новичок в кодировании, и это почти мой первый Wesbite, чтобы проверить его, я добавил опцию случайного фонового фона, но у него возникла проблема в первой нагрузке для каждого фонового IMG, это требуется, что разрушает представление, потому что над ним есть наложения, так что когда Иногда он меняется, чтобы загрузить требуется время, поэтому он показывает только наложение, которое заставляет его выглядеть лагги
https://special-project-demo.netlify.app/
Это веб-сайт, чтобы проверить его и посмотреть Что я имею в виду при включении опции «Случайный фон» со стороны
и это код JS < /p>
let backgroundArray = ["Background-1.jpg" , "Background-2.jpg" ,"Background-4.jpg" , "Background-5.jpg"]
let isRandom = false;
let randomInterval;
function randomBackground() {
if (isRandom === true){
randomInterval = setInterval(() => {
let random = Math.floor(Math.random() * backgroundArray.length)
landing.style.backgroundImage = 'url("imgs/'+backgroundArray[random]+'")'
} ,7000)
} else {
clearInterval(randomInterval)
}
}
randomBackground()
< /code>
Это часть контроля над фона < /p>
Я даже устанавливаю трансмиссию 3s для Div и увеличивает время setInterval и снижает перепечку IMG, но все же То же самое

Подробнее здесь: https://stackoverflow.com/questions/779 ... oad-faster