Я пытаюсь использовать 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
