Как заменить стандартные точки в Slick Slider на свои?
HTML:
<div class="slider">
<div class="container">
<div class="row">
<div class="col-lg-2 offset-1">
<img src="img/sliders/reviews/it01s.jpg" alt="">
</div>
<div class="col-lg-5">
<h3><span>Ирина Андреева,</span> г. Харьков</h3>
<p>
Спасибо большое за помощь в получении визы!
У меня была такая ситуация что нам нужна была виза после отказа. Другие фирмы нам предлагали всякие аферы с визами. А здесь сделали нам визу после отказа поляков и сделали польскую визу на год. Спасибо большое
</p>
</div>
<div class="col-lg-3">
<img src="img/sliders/reviews/scan01.jpg" alt="">
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-2 offset-1">
<img src="img/sliders/reviews/it01s.jpg" alt="">
</div>
<div class="col-lg-5">
<h3><span>Ирина Андреева,</span> г. Харьков</h3>
<p>
Спасибо большое за помощь в получении визы!
У меня была такая ситуация что нам нужна была виза после отказа. Другие фирмы нам предлагали всякие аферы с визами. А здесь сделали нам визу после отказа поляков и сделали польскую визу на год. Спасибо большое
</p>
</div>
<div class="col-lg-3">
<img src="img/sliders/reviews/scan01.jpg" alt="">
</div>
</div>
</div>
</div>
JS:
$('.slider').slick();
Переключение: PS: в переменной item находится номер слайда
$('.sl-ctr img').click(function() {
$('.sl-ctr img').removeClass('sl-line-active');
$(this).addClass('sl-line-active');
var item = $(this).attr('data-item');
});
Проект выгрузил на свой хост - http://test.tetkaadj.com