如何修复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', {
      // ...
    })
});