30 lines
1.2 KiB
JavaScript
Vendored
30 lines
1.2 KiB
JavaScript
Vendored
import Glider from '@lighting-beetle/glider-js'
|
|
|
|
document.addEventListener('DOMContentLoaded', () => {
|
|
let photosSlider = document.querySelector('.container-fluid.breederShow .glider-container.photos > .glider'),
|
|
issuesSlider = document.querySelector('.container-fluid.breederShow .glider-container.issues > .glider'),
|
|
issuesNav = document.querySelector('.container-fluid.breederShow .glider-issues-nav')
|
|
if (photosSlider) {
|
|
new Glider(photosSlider, {
|
|
slidesToShow: 1,
|
|
draggable: true,
|
|
dots: photosSlider.parentElement.querySelector('.dots')
|
|
})
|
|
}
|
|
if (issuesSlider) {
|
|
let glider = new Glider(issuesSlider, {
|
|
slidesToShow: 1,
|
|
draggable: true,
|
|
arrows: {
|
|
prev: issuesNav.querySelector('.glider-prev'),
|
|
next: issuesNav.querySelector('.glider-next')
|
|
}
|
|
})
|
|
let issuesNavPage = issuesNav.querySelector('.pagination > .pages > .page')
|
|
|
|
issuesSlider.addEventListener('glider-slide-visible', (e) => {
|
|
let index = Math.min(e.detail.slide, glider.slides.length - 1)
|
|
issuesNavPage.textContent = index + 1
|
|
})
|
|
}
|
|
})
|