Как отключить стрелки Slick Slider?

Question

Я использую слайдеры Slick с двумя разными стилями для своей веб-страницы, но у меня проблема со стрелками. Не могли бы вы мне помочь?

Это мой основной.slider, я использовал стили CSS и CSS для CSS.

http://prntscr.com/7kdpgo

И здесь я использовал класс фильтрации Slick, но мне не нужны эти стрелки. Как я могу отключить их здесь и добавить их в дизайн?

http://prntscr.com/7kdq03

Answer 1

<script>
  $('#carouselclass').slick({
     slidesToShow: 3,
     slidesToScroll: 1,
     autoplay: true,
     autoplaySpeed: 1500,
    arrows : false,
  });
</script>

Answer 2

Просто установите их null, Работа выполнена!

    <script>
      $('#carouselclass').slick({
         slidesToShow: 3,
         slidesToScroll: 1,
         autoplay: true,
         autoplaySpeed: 1500,
         prevArrow: null,
         nextArrow: null,
      });
    </script>

Answer 3

Из того, что я вижу, слайдер генерирует с помощью js свои стрелки (те, которые вы хотите удалить из того, что я понимаю). Но с ними связаны функциональные возможности, поэтому вы хотите, чтобы они выглядели как те, что находятся над ползунком, а затем заменили их сверху на них.

$(document).ready(function(){
  $('.your-class-reg').slick({
       infinite: true,
       slidesToShow: 1,
       slidesToScroll: 1,
       prevArrow: '<a class="your-class-btn-back">Back</a>',
     nextArrow: '<a class="your-class-btn-forward">Forward</a>',
     rows: 1
  });
 });

Вам придется использовать тот же класс CSS, который вы использовали для маленьких верхних стрелок вместо .your-class-btn-back а также .your-class-btn-forward, После этого вы можете переместить их с абсолютной позицией, перекрывая те, которые вы изначально сделали, а затем прочитать начальные. Таким образом, они будут выглядеть так же, как у вас на экране печати, и будут обладать необходимой функциональностью.