javascript - 如何修复旋转木马的 Swiper Js 初始加载？

Question

我正在使用滑动器 js:https://idangero.us/swiper/api/但问题是使用时，初始加载首先显示单个轮播元素，然后开始显示剩余元素。这就像一个小故障。

制作更清晰。如果我加载该网站，我只会看到轮播中的第一个元素(在红色框中)，然后它将更改为具有 4 个元素的图像中的布局。

我发现如果我设置 max-width:25%; 将解决此案例的问题。但是，如果每个 View 的轮播中有 2 个元素，则 css 代码会将宽度固定为 25%。

有什么办法可以解决吗？请帮忙

Answer 1

将初始化函数调用的点更改为所有图像下载的点。

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