Slick.js 3张幻灯片，仅希望单击事件的中心幻灯片“活动”

Question

测试图像轮播，我只希望中心图像具有“ slick-active”类，并且可以单击。如果用户单击活动的中心缩略图，则会打开我已经设置的模式。我现在的问题是所有显示的三张幻灯片（其中3张）具有“滑动活跃”的类。有没有办法用slick.js做到这一点？还是自定义js？

html:

<div class="container">
<div class="row">
    <div class="col-12">
        <div class="carousel-slider">
            <div class="inner">
                <a class="modal-trigger--video" data-fancybox href="https://www.youtube.com/watch?v=_sI_Ps7JSEk">
                    <img src="poster-thumbnail.png"
                         class="img-fluid"
                         alt="Test">
                </a>
            </div>
            <div class="inner"><a class="modal-trigger--video" data-fancybox
                                  href="https://www.youtube.com/watch?v=_sI_Ps7JSEk">
                <img src="poster-thumbnail.png"
                     class="img-fluid"
                     alt="Test">
            </a></div>
            <div class="inner"><a class="trigger--video" data-fancybox
                                  href="https://www.youtube.com/watch?v=_sI_Ps7JSEk">
                <img src="carousel-poster-thumbnail.png"
                     class="img-fluid"
                     alt="Test">
            </a></div>
            <div class="inner"><a class="trigger--video" data-fancybox
                                  href="https://www.youtube.com/watch?v=_sI_Ps7JSEk">
                <img src="poster-thumbnail.png"
                     class="img-fluid"
                     alt="Test">
            </a></div>
            <div class="inner"><a class="trigger--video" data-fancybox
                                  href="https://www.youtube.com/watch?v=_sI_Ps7JSEk">
                <img src="poster-thumbnail.png"
                     class="img-fluid"
                     alt="Test">
            </a></div>
        </div>
    </div>
</div>

jquery:
  $(document).ready(function () {
    $('.carousel-slider').slick({
        dots: true,
        infinite: true,
        speed: 300,
        slidesToShow: 3,
        slidesToScroll: 1
    });
 });