Как добавить пагинацию в слайдер?

Добавляю пагинацию в слайдер кодом
if ( 0 < ( this.maxImages - ( this.slider.parent().width() / this.slider.find(".slide").width() ) )) {
        this.slider.parent().append('<div class="slider-btn previous"></div><div class="slider-btn next"></div><div class="slider-pagination"></div>');
        this.slider.siblings(".slide").foreach(function () {
          this.slider.siblings(".slider-pagination").append('<div class="slider-point"></div>');
        });
    }

.slider-point не добавляется. Как добавить количество точек в .slider-pagination по количеству слайдов в .slider?

Полный код:
  • Вопрос задан
  • 908 просмотров
Решения вопроса 1
0xD34F
@0xD34F Куратор тега JavaScript
// Cчитаем количество слайдов:
const slidesCount = this.slider.find('.slide').length;

// Определяем разметку одной точки:
const dotHTML = '<div class="slider-point"></div>';

// Создаём разметку пагинации:
const dotsHTML = Array(slidesCount).fill(dotHTML).join('');
// или
const dotsHTML = Array(slidesCount + 1).join(dotHTML);
// или
const dotsHTML = dotHTML.repeat(slidesCount);

// Добавляем куда надо:
this.slider.siblings('.slider-pagination').append(dotsHTML);
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы