How to change slick arrows?

Question

css

Hello, how can I change the arrows in the slick slider so that when the end slider is reached, .slick-next turns into .slick-prev in the same place?

Answer 1

We subscribe to slider events and perform the necessary actions at the right time:

$('.slider').on('beforeChange', function (event, slick, currentSlide, nextSlide) {
        if(slick.slideCount == nextSlide + 1) {
            // code...
        }
    });