Swiper "centrated-auto" продолжает переход к последнему изображению при загрузке страницы

Question

У меня странная проблема с использованием Swiper "centrated-auto". Слайд-шоу должно быть загружено с первым изображением (снятым на обложке журнала) в центре, и все изображения отображаются рядом друг с другом в виде полосы. Пожалуйста, смотрите образец страницы: http://dev4.frecklesstudio.com/press.php?p=18

Проблема в том, что Swiper продолжает переходить к последнему изображению при загрузке страницы. Эта проблема возникает при начальной загрузке страницы и исчезает после обновления страницы, но часто, когда вы возвращаетесь на страницу, это происходит снова. Я не могу понять, почему? Пожалуйста, помогите!

Answer 1

Кажется, что это нормально, если вы инициализируете swiper позже. Можете ли вы бросить его в документ, готовый так:

$(document).ready(function(){ var swiper = new Swiper('.swiper-container', {
  slidesPerView: 'auto', centeredSlides: true, spaceBetween: 3, delay: 2500, speed: 1000, navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, }); 
});