Я изо всех сил пытаюсь получить фон моего набора карусели совы на основе функции JavaScript. Конечная цель - написать функцию, которая случайным образом выбирает X фотографий для карусели. Я довольно новичок во всем этом, поэтому терпите меня.
У меня есть следующий код для карусели:
<div class="hero-slider owl-carousel">
<div class="hero-item portfolio-item set-bg" data-setbg= "img/portfolio/1.jpg" >
<a href="portfolio.html" class="hero-link">
<h2>Take a look at my Portfolio</h2>
</a>
</div>
Я также сделал функцию для случайного выбора изображения (и устанавливает объект, основанный на id = 'demo'):
document.getElementById("demo").innerHTML = displayImage();
function displayImage(){
var imagesArray
imagesArray = ["1.jpg", "2.jpg", "3.jpg", "4.jpg", "5.jpg", "6.jpg", "7.jpg"];
var num = Math.floor(Math.random() * (imagesArray.length));
return "img/" + imagesArray[num];
}
Теперь мне нужно объединить два, вот где я потерялся. Я пытался дать data = setbg id, но это не сработало. Любой совет?