[sergey24]

Имеется slick слайдер с превью. Взят тут: http://kenwheeler.github.io/slick/ Пример называется: Slider Syncing. Собственно вопрос, можно ли сделать так, чтобы при пролистывании нижнего слайдера содержимое верхнего не менялось. А менялось только по клику на превьюху.

$('.slider-for').slick({
  slidesToShow: 1,
  slidesToScroll: 1,
  arrows: false,
  fade: true,
  asNavFor: '.slider-nav'
});
$('.slider-nav').slick({
  slidesToShow: 3,
  slidesToScroll: 1,
  asNavFor: '.slider-for',
  dots: true,
  centerMode: true,
  focusOnSelect: true
});

<div class="slider-nav">
	<div>1</div>
	<div>2</div>
	<div>3</div>
	<div>4</div>
	<div>5</div>
	<div>6</div>
	<div>7</div>
	<div>8</div>
	<div>9</div>
</div>
<div class="slider-for">
	<div>ТутТекст1</div>
	<div>ТутТекст1</div>
	<div>ТутТекст1</div>
	<div>ТутТекст1</div>
	<div>ТутТекст1</div>
	<div>ТутТекст1</div>
	<div>ТутТекст1</div>
	<div>ТутТекст1</div>
	<div>ТутТекст1</div>
</div>