Как сделать такой слайдер?

Question

[antbelogurov]

Хочу сделать такой слайдер.
Чтобы отображалось 8 изображений по краям и большое изображение это слайдер.
Главная проблема в том, что может быть более 8 изображений и тогда надо чтобы в маленьких изображениях картинки тоже менялись.

Comments

[Вадим]

Изображения по краям это переключатели основной картинки?
Или это 3 слайдера? Один слева, один по середине и один справа с общим контролом для переключения?

[antbelogurov]

Вадим, изображения по краям это переключатели главного изображения.
Но если изображений больше 8, то они тоже должны как то меняться

[Вадим]

antbelogurov, В документации есть пример, в секции Slider Syncing.
Где показывается как сделать 2 слайдера и связать их друг с другом отношением, когда один слайдер является навигацией для другого.

[antbelogurov]

Вадим, это я знаю.
Не пойму как сделать слайдер, чтобы он был в 2 колонки по 4 изображения

[Вадим]

antbelogurov, Можно сделать 3 слайдера.
1) навигация (Вертикальый, показывать слайдов: 4, переключать: 1, стрелки точки на усмотрение)
2) центральный (Показывать 1, переключать 1)
3) навигация (Вертикальый, показывать слайдов: 4, переключать: 1, стрелки точки на усмотрение)

Отключить всю навигацию для центрального (без точек без стрелок) А если нужно с ними, то нужно будет просто дописать ещё и обработчик для смены слайдов в нём.

Для слайдеров навигации подписаться на событее afterChange или beforChange.
В обработчике события проверять что это навигация2.
Если подписались на событие afterChange, то примерно так:

Если навигация2, то 
  передвигать центральный слайдер на позицию равную текущему слайду в навигации2 + N(столько слайдов, сколько в первом навигационном), 
иначе передвигать центральный слайдер на позицию равную текущему слайду в навигации

[Вадим]

antbelogurov, Если Вы ждёте в ответ кода, то это не вопрос, а задание, а для этого есть другой сервис - https://freelance.habr.com/

Answer 1

[ArkHiMed-tech]

Слайдер? Картинки должны меняться если их листают или нажимают кнопку?