@silencer-spirit

Как исправить отображение slick-slider в magnific-popup окне?

Подскажите в чем может быть проблема связанная с отображением slick в попап окне.
Суть вопроса: есть слайдер на странице, при нажатии на любую картинку появляется popup внутри которого есть еще один слайдер, НО отображается 1 img вместо указанных slidesToShow: 3. Стоит мне подвигать чуть-чуть слайдер или ресайзить окно как сразу же они появляются и все становится нормально, но при обновлении страницы и повторном нажатии опять та же история. Как мне исправить данную проблему? Заранее спасибо.
  • Вопрос задан
  • 3317 просмотров
Решения вопроса 1
При клике на кнопку popup вызовите метод .slick('refresh') либо .slick('reInit')
А если уж совсем точно, то вот так:
var slick = $('.slider').slick({
      //Тут параметры	
   });

  //Теперь по клику на изображение magnific-popup реинициализируем слайдер
   $('.img').click(function() {
      slick.slick('refresh');
   });
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы