Slick slider + Thumbnails в модальном окне

139
13 февраля 2021, 06:10

Планирую использовать slick slider в модальном окне (плагин Remodal). Посмотреть можно тут в разделе "Наши работы". Проблема в том, что при первом открытии модального окна наблюдается странное поведение слайдера, после нажатия F5 при открытом модальном окне все отображается нормально + появляются thumbnail навигация по слайдам. В чем проблема?

Answer 1

Ребята, в общем я близок к разгадке. Добавил инициализацию слайдера при открытии модального окна:

$(document).on('opened', '.remodal', function (){
    $('.slick_slider').slick({
        arrows: false,
        dots: false,
        infinite: false,
        fade: true,
        asNavFor: '.slick_slider_nav'
    });
    $('.slick_slider_nav').slick({
        slidesToShow: 5,
        slidesToScroll: 1,
        arrows: false,
        dots: false,
        infinite: false,
        focusOnSelect: true,
        asNavFor: '.slick_slider'
    });
});

Дело осталось за малым - проскакивает слегка изображение. Кто что подскажет?

READ ALSO
VueJS || Добавить Object в Object

VueJS || Добавить Object в Object

По клике на кнопку необходимо в Object добавить ObjectПоясняю что необходимо: Имею Object , который выглядит как структура разделов ( развернутый Object)

157
какие еще могут быть способы решения этой задачи? [закрыт]

какие еще могут быть способы решения этой задачи? [закрыт]

Хотите улучшить этот вопрос? Добавьте больше подробностей и уточните проблему, отредактировав это сообщение

128
Отправка запросов с параметром токена

Отправка запросов с параметром токена

Сразу хочу сказать, что в вопросе авторизации я пока полный ноль

133
Проблема с Vue Router

Проблема с Vue Router

Ввсем привет, столкнулася с казалось бы триавиальной задачей - подключить smooth mouse wheel scrollРанее писал на jquery и это было довольно просто

100