Для одинаковой высоты слайдов следующие css правила: .slider2 .slick-list { display: flex !important;} .slider2 .slick-track { display: flex !important;} Возможно потребуется сбросить высоту для слайда .slick-slide { height: auto; }
Отображает текущий слайд и общее количество слайдов Как сделать https://codepen.io/corvus-007/pen/KZZPoZ Код: var $slider = $(‘.slider’); if ($slider.length) { var currentSlide; var slidesCount; var sliderCounter = document.createElement(‘div’); sliderCounter.classList.add(‘slider__counter’); var updateSliderCounter = function(slick, currentIndex) { currentSlide = slick.slickCurrentSlide() + 1; slidesCount = slick.slideCount; $(sliderCounter).text(currentSlide + ‘/’ +slidesCount) }; $slider.on(‘init’, function(event, slick) { $slider.append(sliderCounter); updateSliderCounter(slick); }); $slider.on(‘afterChange’, function(event, … Читать далее
Слайдер с большими возможностями. Практически все задачи у меня получалось решить с помощью слик-слайдера. Быстрый старт — как начать использовать слик слайдер Подключаем файлы из облака: <!— Add the slick-theme.css if you want default styling —> <link rel=»stylesheet» type=»text/css» href=»//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css»/> <!— Add the slick-theme.css if you want default styling —> <link rel=»stylesheet» type=»text/css» href=»//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick-theme.css»/> <script … Читать далее
Слайдер slick slider ведет себя странно если у родителей grid разметка. Растягивается в ширину на большое значение. Лечится это не самым очевидным образом: .block_21_r.slick-slider { display: grid !important; } если не сработало — проверяем работает ли стиль, не перебивается ли другими css правилами
Как сделать slick-slider только для мобильного — а для широких экранов выключить слик слайдер. // Флаг включённости слайдера slick var slickSliderActive = false; // Включение или выключение слайдера (в зависимости от ширины) function checkSlider(){ // Если вьюпорт уже чем 768 if( $(window).width() < 800 — getScroll() ) { // Если флаг включённости опущен, то включим … Читать далее