slick слайдер, слайд по клику

106
27 марта 2021, 08:20

$('.project__slider').slick({ 
    slidesToShow: 1, 
    slidesToScroll: 1, 
    arrows: false, 
    dots: false, 
    asNavFor: '.project__carusel', 
  }); 
  $('.project__slider').on('click',function(){ 
    $(this).slick('slickNext'); 
  }); 
 
  $('.project__carusel').slick({ 
    slidesToShow: 3, 
    slidesToScroll: 1, 
    dots: false, 
    arrows: false, 
    asNavFor: '.project__slider', 
    focusOnSelect: true, 
	  variableWidth: true 
  });
<div class="project"> 
          <div class="project__slider"> 
                <div class="project__img-block"> 
                  <img class="project__images" src="http://studiya-remontov.ru/wp-content/uploads/2019/07/Современная-гостиная-в-европейском-стиле.png"/> 
                </div> 
         </div> 
         <div class="project__carusel"> 
               <div class="project__carusel-conteiner"> 
                  <img class="project__images-car" src="http://studiya-remontov.ru/wp-content/uploads/2019/07/Современная-гостиная-в-европейском-стиле.png"/> 
               </div> 
         </div> 
       </div>

При клике на сам слайдер у меня крутится каруселька + переключается слайд. Теперь сам вопрос: Нужно сделать так что бы, если в каруселька только 3 слайда сама каруселька не крутилась при клике на сам слайдер.

READ ALSO
Обход дерева dropdown menu

Обход дерева dropdown menu

Есть стандартное генерируемое меню типа dropdown, допустим на 3 уровня

135
Почему не работает валидация номера телефона?

Почему не работает валидация номера телефона?

Ситуация следующаяВалидация номера телефона работает не до конца

142
как работает функция copy [закрыт]

как работает функция copy [закрыт]

Хотите улучшить этот вопрос? Добавьте больше подробностей и уточните проблему, отредактировав это сообщение

149
Шестиугольник в svg с изображением

Шестиугольник в svg с изображением

Есть два svg с изображением внутри, но во 2-ом svg у изображения другой размер, из-за этого 2-ой svg преобразуется в восьмиугольник

112