У меня есть проект, над которым я работаю, который требует масштабирования продукта, достигнутого 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, все позиционирование поднимается, пока я не изменю размер страницы вручную .