当前位置：首页 > 教程正文

Swiper幻灯片设置图片自动高度的方法

天兴工作室 2019-07-25 教程 2701 ℃ 0 评论

最近的zblog主题基本都内置了Swiper幻灯片组件，今天在调试幻灯片设置图片自动高度的时候踩了个坑，记录下来，希望能帮助踩到同样坑的人。

Swiper幻灯片设置图片自动高度官方是给了“autoHeight”这个配置的，默认是“false”，要使用的时候直接在Swiper配置里面加上“autoHeight: true,”就行，如下图：

坑在哪里呢？

我在自己写的代码里面加上这个配置项后发现毛线作用没用！

先开始以为是css里面固定了图片高度导致的，然后去掉css里面的参数，发现还是没用。

然后就开始自我怀疑了，网上也搜索了下，基本没看到有用的解决方案。

最后的最后福至心灵的想到是不是我的Swiper里面的js有问题？复制了官方了“swiper.min.js”替换掉我的。发现问题解决了。

哦。

原来是版本问题。

低版本的swiper是不支持“autoHeight”这个配置。

用Swiper 4.5.0版本是可以的。

问题解决了，过程就是这么煞笔。

版权说明：如非注明，本站文章均为天兴工作室原创，转载请注明出处和附带本文链接。

教程