提供zblog模板 emlog模板 dedecms模板的下载和仿站定制
当前位置:网站首页 > 教程 > 正文

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

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


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

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

Swiper幻灯片设置图片自动高度的方法 swiper自动高度 swiper幻灯片 swiper 教程 第1张

坑在哪里呢?

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

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

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

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

哦。

原来是版本问题。

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

用Swiper 4.5.0版本是可以的。

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

没有找到解决你问题的教程?

您可以试着搜索一下或者直接在线提问。我们也提供收费技术支持,有需要可以在线联系我们。

在线提问 在线客服

取消回复欢迎 发表评论:

  • 请填写验证码
  • 最新文章
  • 热文排行
  • 最多评论
标签聚合
×58zblog模板×33zblog×27zblogphp×20zblogphp模板×19天兴工作室×18阿里云×12dedecms×11电子券×11ytcms×11zblog企业模板×11zblog插件×10天兴互联×9随意打×9模板×9zblog安装×9zblogphp1.5×9zblog错误×8天兴通讯×8刷机×8企业模板

请登录

社交账号登录

将本文分享给你的朋友们