Как отобразить только несколько пользовательских страниц BulletRender ⇐ Javascript
-
Anonymous
Как отобразить только несколько пользовательских страниц BulletRender
Когда пуль свипера становится слишком много, они переполняются. Я хочу кэшировать в DOM только несколько слайдов, но при этом сохранить красивые имена для каждого маркера.
Это для перемещения по временной шкале на веб-сайте.
https://codepen.io/Barnicles/pen/OYbdQq
var timelineSwiper = новый Swiper ('.timeline .swiper-container', { направление: «вертикальное», цикл: ложь, скорость: 1600, нумерация страниц: '.swiper-пагинация', paginationBulletRender: функция (swiper, index, className) { varyear = document.querySelectorAll('.swiper-slide')[index].getAttribute('data-year'); return '' + год + ''; }, разбивка на страницыClickable: правда, nextButton: '.swiper-button-next', prevButton: '.swiper-button-prev', контрольные точки: { 768: { направление: «горизонтальное», } } }); Я ожидаю, что paginationBulletRender будет продолжать включать классы span и заполнять весь экран, но мне нужно, чтобы на экране было только несколько классов.
Когда пуль свипера становится слишком много, они переполняются. Я хочу кэшировать в DOM только несколько слайдов, но при этом сохранить красивые имена для каждого маркера.
Это для перемещения по временной шкале на веб-сайте.
https://codepen.io/Barnicles/pen/OYbdQq
var timelineSwiper = новый Swiper ('.timeline .swiper-container', { направление: «вертикальное», цикл: ложь, скорость: 1600, нумерация страниц: '.swiper-пагинация', paginationBulletRender: функция (swiper, index, className) { varyear = document.querySelectorAll('.swiper-slide')[index].getAttribute('data-year'); return '' + год + ''; }, разбивка на страницыClickable: правда, nextButton: '.swiper-button-next', prevButton: '.swiper-button-prev', контрольные точки: { 768: { направление: «горизонтальное», } } }); Я ожидаю, что paginationBulletRender будет продолжать включать классы span и заполнять весь экран, но мне нужно, чтобы на экране было только несколько классов.
