@TipTop89

Можно ли у swiper js убрать навигацию если слайдов меньше 5?

Можно ли у swiper js убрать навигацию если слайдов меньше 5? Я пробовал скрыть по условию, но оно применятся ко всем слайдерам, даже к тем у кого слайдов больше 5. Есть ли вообще такая функция у swiper скрыть навигацию по количеству слайдов? Спасибо
if ($('.product__slider').length > 0) {
		var swiper = new Swiper('.product__thumbs', {
			spaceBetween: 0,
			slidesPerView: 5,
			watchSlidesVisibility: true,
			watchSlidesProgress: true,
			spaceBetween: 5,
			//height: 90,
			navigation: {
				nextEl: '.product__arrow-next',
				prevEl: '.product__arrow-prev',
			},
			breakpoints: {
				480: {
					slidesPerView: 5,
				},
				540: {
					slidesPerView: 5,
				},
				640: {
					slidesPerView: 5,
				},
				720: {
					slidesPerView: 5,
				},
				768: {
					slidesPerView: 5,
				},
				1024: {
					slidesPerView: 5,
					spaceBetween: 5,
				},
			}
		});
		var swiper2 = new Swiper('.swiper', {
			spaceBetween: 5,
			slidesPerView: 1,
			thumbs: {
				swiper: swiper,
			},
		});
               if($(".product__thumbs").length < 5){
                document.querySelector(".product__arrows").style = 'display: none';
               }
	}
  • Вопрос задан
  • 577 просмотров
Решения вопроса 1
DanArst
@DanArst Куратор тега JavaScript
Гриффиндор в моде при любой погоде!
Если у вас отображается по 5 слайдов и общее количество равно 5, то у стрелок навигации будет класс .swiper-button-disabled. Просто добавьте следующий стиль:
.swiper-button-disabled{
    display:none;   
}
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

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