如何更换默认" Slick Carousel"手动自动生成上一个下一个箭头按钮?

时间:2017-04-04 15:55:16

标签: jquery css slick.js

基本上我需要使用自己的按钮,而不是使用Slick Carousel插件自动生成的箭头。
我已经创建了自己的按钮,可以在幻灯片之间切换。以下面的标记为例:

<button type="button" class="slick-next left-arrow"></button>
<button type="button" class="slick-prev right-arrow"></button>

1 个答案:

答案 0 :(得分:1)

插件将使用其箭头选项。您必须将自定义箭头传递给插件的选项。

var $prev = $('.slick-prev.right-arrow');
var $next = $('.slick-next.left-arrow');
$('.multiple-items').slick({
  prevArrow: $prev,
  nextArrow: $next
  // other option
});

jsfiddle