как скрыть навигацию при 3 или меньше слайдов ?swiper js
if ($(".main-video").length > 0) { var ids = $(".main-video").data("ids"); if($(window).width() > 387) { $('.main-video__item .main-video__cover .main-video__link img').each(function() { var url = $(this).attr('data-src').replace('mqdefault.jpg','maxresdefault.jpg'); $(this).attr('data-src', url); $(this).attr('data-ids', url); // console.log($(this).attr('data-src')); // $(".main-video__nav").addClass("disabled"); }); } //Инициализируем карусель с видео var mainVideoSlider = new Swiper(".main-video__slider", { slidesPerView: 1, spaceBetween: 7, speed: 800, loop: false, centerInsufficientSlides: true, preloadImages: false, lazy: { loadPrevNext: true, }, // autoplay: { // delay: 5000, // }, navigation: { nextEl: ".main-video__nav .-next", prevEl: ".main-video__nav .-prev" }, breakpoints: { 767: { slidesPerView: 3, spaceBetween: 20 } } }); } не могу сформировать условие, есть идея просто добавлять в класс $(".main-video__nav").addClass( "disabled" )а в нём display none |
($(".main-video__cover").length < 4) я знаю точное количество слайдов на странице, нужно ли мне заново инициализировать слайд ?
|
if ($(".main-video").length > 0) { var ids = $(".main-video").data("ids"); if($(window).width() > 387) { $('.main-video__item .main-video__cover .main-video__link img').each(function() { var url = $(this).attr('data-src').replace('mqdefault.jpg','maxresdefault.jpg'); $(this).attr('data-src', url); $(this).attr('data-ids', url); // console.log($(this).attr('data-src')); // $(".main-video__nav").addClass("disabled"); }); } //Инициализируем карусель с видео var mainVideoSlider = new Swiper(".main-video__slider", { slidesPerView: 1, spaceBetween: 7, speed: 800, loop: false, centerInsufficientSlides: true, preloadImages: false, lazy: { loadPrevNext: true, }, // autoplay: { // delay: 5000, // }, navigation: { nextEl: ".main-video__nav .-next", prevEl: ".main-video__nav .-prev" }, breakpoints: { 767: { slidesPerView: 3, spaceBetween: 20 } } }); if($(".main-video__cover").length < 4){ document.querySelector(".main-video__nav").style = 'display: none'; } } разобрался |
Часовой пояс GMT +3, время: 07:07. |