Question

我正在使用具有两种不同风格的Slick滑块，对于我的网页，但我遇到箭头问题。你能帮我吗？

这是我的主要.slider，我使用CSS设置了它的上一页和下一页箭头

在这里我使用了.filtering类的Slick，但我不想要这些箭头。如何在此禁用它们并在设计中添加它们？

Answer 1

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

Answer 2

从我看到的滑块生成js自己的箭头（你想从我理解的删除）。但它们具有与它们相关联的功能，因此您希望它们看起来像滑块上方的那些，然后用它们替换顶部的那些。

＆＃13;

$(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
		});
	});

＆＃13;

您必须使用与小顶箭头相同的css类，而不是.your-class-btn-back和.your-class-btn-forward。之后，您可以使用绝对位置移动它们，与最初制作的位置重叠，然后读取初始位置。通过这种方式，它们看起来就像打印屏幕上的那些，并具有必要的功能。

Answer 3

只需将它们设为null即可。完成工作！

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

如何禁用Slick Slider箭头？

3 个答案: