Как заставить пули правильно работать в Glidejs ⇐ Html

[Anonymous]

Я пытаюсь использовать glidejs в качестве слайдера на веб-сайте, однако не могу заставить маркеры работать должным образом. Маркеры находятся внизу примера на веб-сайте glidejs на этой странице: https://glidejs.com/docs/options/ На моем сайте маркеры отображаются, но нажатие на них не меняет слайд. Я не нашел никакой документации по параметрам, которые необходимо передать при инициализации glidejs, чтобы они работали. Насколько я могу судить по сайту glidejs, инициализация glide должна заставить эту работу работать автоматически. Все остальное, что я сделал, работает так, как ожидалось, например, смена слайдов по таймеру, а также навигация со стрелками для следующего и предыдущего слайдов. У меня есть код инициализации в файле glideInit.js, который выглядит следующим образом:

document.addEventListener("DOMContentLoaded", function() {
var glide = new Glide('#slider', {
type : 'carousel',
perView : 1,
focusAt : 'center',
breakpoints : {
800 : {
perView : 1
},
480 : {
perView : 1
}
},
autoplay: 5000
});

glide.mount();

});

function startTimer() {
setInterval(function() {
forward('slideForward');
}, 5000);
}


Вот HTML-код слайдера:




{% for entry in entries %}
{% set url = entry.slideBackgroundImage.first().getUrl() %}



{{ entry.title }}



{{ entry.slideExcerpt }}




{% endfor %}



<
>







Подробнее здесь: https://stackoverflow.com/questions/553 ... in-glidejs