Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 25.02.2021, 10:44
Аспирант
Отправить личное сообщение для venom1996 Посмотреть профиль Найти все сообщения от venom1996
 
Регистрация: 10.11.2020
Сообщений: 68

как скрыть навигацию при 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
Ответить с цитированием
  #2 (permalink)  
Старый 25.02.2021, 11:05
Аспирант
Отправить личное сообщение для venom1996 Посмотреть профиль Найти все сообщения от venom1996
 
Регистрация: 10.11.2020
Сообщений: 68

($(".main-video__cover").length < 4) я знаю точное количество слайдов на странице, нужно ли мне заново инициализировать слайд ?
Ответить с цитированием
  #3 (permalink)  
Старый 25.02.2021, 11:11
Аспирант
Отправить личное сообщение для venom1996 Посмотреть профиль Найти все сообщения от venom1996
 
Регистрация: 10.11.2020
Сообщений: 68

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';
        }
    }

разобрался
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как обновить часть страницы через js или ajax или jquery? bridun Общие вопросы Javascript 1 08.08.2019 14:21
30(1|2) редирект от сервера. Или как лучше сделать редирект при верной отсылке форма. pizzZ AJAX и COMET 2 18.02.2010 08:06
Как отразить картинку при помощи JS. 2dkott Элементы интерфейса 4 03.09.2009 21:51
Подскажите как убрать часть текста при нажатии на кномпу или гиперссылку. potkin Общие вопросы Javascript 6 10.10.2008 06:55
Подскажите как при помощи JS hta в трею свернуть kimboo Общие вопросы Javascript 4 11.07.2008 15:00