Как исправить начальную загрузку Swiper Js для карусели?

Question

Я использую swiper js: https://idangero.us/swiper/api/, но проблема в том, при использовании первоначальная загрузка сначала показывает один элемент карусели, затем начинают отображаться остальные элементы. Который ведет себя как глюк.

Создание стало понятнее. Если я загружаю веб-сайт, я вижу только первый элемент в карусели (в красном поле), затем он меняется на макет, как на изображении с 4 элементами.

Я мог бы обнаружить, что если я установлю max-width:25%;, это решит проблему в этом случае. Но если в карусели есть 2 элемента для каждого вида, то код CSS исправит ширину 25%.

Есть ли способ это исправить? Пожалуйста, помогите

Answer 1

Измените точку вызова функции инициализации на точку, в которой были загружены все изображения.

$( window ).load(function() {
    var mySwiper = new Swiper ('.swiper-container', {
      // ...
    })
});