Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   как скрыть навигацию при 3 или меньше слайдов ?swiper js (https://javascript.ru/forum/dom-window/81985-kak-skryt-navigaciyu-pri-3-ili-menshe-slajjdov-swiper-js.html)

venom1996 25.02.2021 11:44

как скрыть навигацию при 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

venom1996 25.02.2021 12:05

($(".main-video__cover").length < 4) я знаю точное количество слайдов на странице, нужно ли мне заново инициализировать слайд ?

venom1996 25.02.2021 12:11

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, время: 08:39.