Как реализовать такой нестандартный слайдер?

Question

[Олег Пуговкин]

Добрый день!

Есть задача реализовать нестандартный(для меня) слайдер.javascript:void(0)
Выглядеть должен вот так -

- один слайд.
И другой слайд -


Т.е., меняется только картинка в "мониторе" и текст. Но не картинка самого монитора.

Проект собран на Ангуляре(если это важно).
Вопрос такой: что здесь лучше использовать чтобы не перебирать кучу плагинов?
Или нужно ручное решение?
С JS дружу немного.

Answer 1

[Eugene Chefranov]

Ничего сложного. Берете обычный слайдер типа Slick. Тут у вас будет 2 слайдера - один для текста, другой для картинок. Синхронизируете их. В документации Slick есть пример (Slider Syncing)

На скорую руку набросал