Итак, я пытаюсь бесконечно прокручивать заданный цикл изображений вверху моей страницы e js. Я нашел, как легко сделать это в html с помощью этого простого кода.
<img class="mySlides" src="images/workout.jpg" width=100%>
<img class="mySlides" src="images/boxing4.jpg" width=100%>
var myIndex = 0;
carousel();
function carousel() {
var i;
var x = document.getElementsByClassName("mySlides");
for (i = 0; i < x.length; i++) {
x[i].style.display = "none";
}
myIndex++;
if (myIndex > x.length) {myIndex = 1}
x[myIndex-1].style.display = "block";
setTimeout(carousel, 2000); // Change image every 2 seconds
}
Однако в моем приложении express / node js / e js есть какой-либо способ иметь функцию как работает после рендеринга страницы? Мне удалось запустить скрипт, используя
<script src="ejs.js"></script>
, но скрипт все еще не может обновить изображения на странице. Я не получаю ошибок или чего-либо еще, что скрипт запускает, но ничего не происходит.
Я новичок в e js, поэтому я могу ошибаться в этом и открыт для любых новых методов или предложений.