Как настроить навигацию двух swiper-ов, чтобы они работали как Фоторама?

Question

[GreenMan1899]

Есть уже настроенная пагинация в виде табов.
Теперь надо сделать, чтобы стрелочки тоже переключали и табы и главный слайд, и задавали специальный класс для цветной рамки.
Пример

Answer 1

[Егор Живагин]

Конечно, чем меньше фреймворков - тем лучше, но ты реально повторяешь функционал slick . Я один раз пилил такой же велосипед. Ничего хорошего не вышло) Собственно, на этой же проблеме остановился и задолбался писать костыли

Comments

[GreenMan1899]

а что именно в Слике там? То, что там табы из коробки идут? Или настройка легче таких вот сдвоенных слайдеров?
На основном сайте примеры с табами не нашел.

[Егор Живагин]

GreenMan1899: а зачем табы?) Два слайдера завязаны друг с другом. На основном сайте под заголовком Slider Syncing . Поглядите, слайдеры синхронизируются. И по клику на слайд, и по клику на стрелки

[Егор Живагин]

GreenMan1899: а бонусом возможность бесконечного слайдера и скролл касанием пальца на планшетах/телефонах

[GreenMan1899]

тамбы/thumb *

[GreenMan1899]

Егор Живагин: спасибо, все получилось

[Егор Живагин]

GreenMan1899: да не за что)

Answer 2

[GreenMan1899]

прописал общую пагинацию для двух слайдеров. Переключение работает, но все равно есть огрехи. Переключает не до конца. Если нажать через пагинацию, то работает и дальше

Answer 3

[drtvader]

В slick slider уже есть такая возможность. Без использования двух каруселей.