const bannerData = [{ "title": "My title", "description": "Lorem ipsum dolor sit amet consectetur adipisicing elit. Maxime mollitia,molest", "image_url": "./assets/bg-1.jpg" }, { "title": "My title2", "description": "dwadawdwa", "image_url": "https://img2.storyblok.com/f/89778/1168x728/578a7ddf01/us_us-ny_nyc_1.jpeg" } ] function initBanner(currentSlide) { banner.style.backgroundImage = `url('${bannerData[currentSlide].image_url}')` textBoxHeading.textContent = `${bannerData[currentSlide].title}` textBoxDescription.textContent = `${bannerData[currentSlide].description}` }

Cada vez que lo hago en mi index.html <img src="./assets/bg-1.jpg"> , veo la imagen en mi html. Pero cada vez que intento cargar el fondo para el elemento con js, no se carga en absoluto. Tengo que usar url para que funcione. ¿Por qué sucede esto y cómo puedo vincular fondos de mi carpeta en lugar de URL? No recibo ningún error en la consola, y solo tengo una pantalla blanca en blanco sin img.