Как в JS вставить адрес картинки из массива
 

Как в 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]}')"`;
Помогите пожалуйста.

АлексАн,

div.style.backgroundImage = `url('${arr[i]}')`;
div.style.backgroundImage = "url('"+arr[i]+"')";

Пожалуйста, отформатируйте свой код!

Для этого его можно заключить в специальные теги: js/css/html и т.п., например:

[html run]
... минимальный код страницы с вашей проблемой
[/html]

О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.

Помогло:
slider1.style.backgroundImage = `url('${backgroundColors[1]}')`;
или
slider1.style.backgroundImage = 'url("' + backgroundColors[1] + '")';