Swiper JS Zoom Позиционирование некорректно до изменения размера окна - PullRequest
0 голосов
/ 04 февраля 2020

У меня есть проект, над которым я работаю, который требует масштабирования продукта, достигнутого Swiper. js. Теперь функциональность отлично работает через chrome, но по любой причине с Firefox и Safari позиционирование увеличенного изображения совершенно неверно, пока вы не измените размер окна вручную. Я попытался вызвать события изменения размера с помощью javascript / jquery, я пытался использовать функции обновления в любом месте, которое только можно себе представить, но безуспешно. Я действительно рисую здесь пробел, любая помощь будет признательна.

Вот мой вызов swiper

var galleryTop = new Swiper('.gallery-top', {
      init: false,
      slidesPerView: 1,
      updateOnImagesReady: true,
      zoom: false,
      observer: true,
      navigation: {
        nextEl: '.swiper-button-next',
        prevEl: '.swiper-button-prev',
      },
      thumbs: {
        swiper: galleryThumbs
      }
    });

Страницу, над которой я работаю, можно найти по этой ссылке: https://berceuseparfum.com/products/allegretto72

Опять же, все выглядит хорошо с Chrome, но как только я ввожу в микс Firefox или Safari, все позиционирование поднимается, пока я не изменю размер страницы вручную .

...