Slick.js slider with thumbnails

gistfile1.js

$('.specs__slider').slick({
    dots: true,
    centerMode: true,
    focusOnSelect: true,
    arrows: false,
    customPaging: function(slider, i) {
        return '<div class="thumbnails">' +$(slider.$slides[i]).find('img').prop('outerHTML')+ '</div>';
    }
});


// HOAC

$('.specs__slider').slick({
    dots:true,
    prevArrow: '<a class="slick-prev" href="#"><i class="fal fa-arrow-circle-left"></i></a>',
    nextArrow: '<a class="slick-next" href="#"><i class="fal fa-arrow-circle-right"></i></a>',
    customPaging: function(slick,index) {
        var targetImage = slick.$slides.eq(index).find('img').attr('src');
        return '<img src=" ' + targetImage + ' " class="img-thumbnail" />';
    }
});

// HOAC
https://stackoverflow.com/a/39567512/15884373


//