Как в JS вставить адрес картинки из массива arr в div.style.backgroundImage = "url('arr[i]')"

Пытаюсь изменить картинку в div через div.style.backgroundImage. Адрес картинки беру из массива:

let backgroundColors = ['slider/redCat.jpg', 'slider/fright.jpg', 'slider/officer.jpg'];

Если прописать вручную, то всё получается:

slider1.style.backgroundImage = "url('slider/fright.jpg')";

Если адрес брать из массива, то не находит пути. Похоже из-за кавычек '':

slider1.style.backgroundImage = "url(backgroundColors[1])";

Пробовал по-разному, например:

slider1.style.backgroundImage = `"url('${backgroundColors[1]}')"`;

Ответы (1 шт):

Автор решения: Ruslan Mart

Вот так:

slider1.style.backgroundImage = `url('${backgroundColors[1]}')`;

Либо:

slider1.style.backgroundImage = 'url("' + backgroundColors[1] + '")';
→ Ссылка