customPaging

How to use it? i’ve seen in a question to you it this way

but not sure how that would work

    $('.fade').slick({
        dots: true,
        infinite: true,
        speed: 500,
        fade: true,
        slide: 'div',
        cssEase: 'linear',        
            customPaging: function(slick,index) {
                return '<a> ' + index + '</a>';
            }

    });


                <div class="slider fade">
                    <div><div class="image"><a href="#"><img src="img/fonz1.png"/>something</a></div></div>
                    <div><div class="image"><img src="img/fonz2.png"/></div></div>
                    <div><div class="image"><img src="img/fonz3.png"/></div></div>
                </div>

[Johan-CR]

Heres a little example of the user “simeydotme” that I change for just that Maybe can help! https://jsfiddle.net/Johan_CR/p2e0Lw1L/

[kenwheeler]

I’m not sure what the question is. The customPaging option renders elements that represent the interior of the dot indicator LI elements. So you set a return and it renders one for each. Like:

customPaging: function(slick,index) {
    var targetImage = slick.$slides.get(index).find('img').attr('src') || '';
    return '<img src=" ' + targetImage + ' "/>';
}