Как правильно реализовать?

Question

[Егор Астрейко]

Всем привет, появился вопрос:
На странице имеется два slick slider (slider-1 и slider-2 ) и модальное окно с slick slider-ом (modal-slider)
Нужно что бы например при клике по слайдам slider-1 открывался modal-slider с этими же картинками что находятся в slider-1 и активным был тот слайд, на который был клик в slider-1, при клике на slider-2 открывался вновь modal-slider, но он имел картинки что в slider-2 и активным был тот слайд, на который был клик в slider-2

Comments

[ProjectSoft]

Как вариант.
Клонировать slick в модальное окно затем задать новые опции через метод slickSetOption для отображения и прокрутки в один слайд. При закрытии обязательно вызвать unslick для слайдера в модальном окне и удалить его

[Максим Тимофеев]

Мне кажется проще отказаться от готовых библиотек и написать самому. Взять что-то типа vue и реализовать. В варианте "написать слайдер" vue можно за день освоить. Зато потом за 5 минут долететь.

[Егор Астрейко]

ProjectSoft, а можно в песочнице пример, а то я не понял (

Answer 1

[Егор Астрейко]

Решил проблему так:
при открытие окна, загружаю в него картинки, а после закрытия полностью удаляю все содержимое слайдера и очищаю слайды $(".slider").slick("unslick").empty();