как установить фоновое изображение в javascript?

#javascript #jquery #lazy-loading

Вопрос:

Я внедряю карусель.

https://splidejs.com/
https://github.com/Splidejs/splide

Я хочу установить фоновое изображение в div, когда оно будет отображаться. другими словами, я хочу получать изображение не при запуске приложения .Но я хочу получить изображение, когда появится этот div .И установите это изображение на задний план.

возможно ли это ?

Вот мой код

https://codesandbox.io/s/mystifying-solomon-mcy4y?file=/src/index.js:0-92 Я пытался вот так

 import Splide from "@splidejs/splide";
new Splide("#splide", {
  lazyLoad: true
}).mount();
 

в моем случае загрузка изображения при запуске приложения. на ленивого заряженного. Я хочу, чтобы он загружался только тогда, когда он появится для просмотра и установки фона.