最近的zblog主题基本都内置了Swiper幻灯片组件,今天在调试幻灯片设置图片自动高度的时候踩了个坑,记录下来,希望能帮助踩到同样坑的人。
Swiper幻灯片设置图片自动高度官方是给了“autoHeight”这个配置的,默认是“false”,要使用的时候直接在Swiper配置里面加上“autoHeight: true,”就行,如下图:

坑在哪里呢?
我在自己写的代码里面加上这个配置项后发现毛线作用没用!
先开始以为是css里面固定了图片高度导致的,然后去掉css里面的参数,发现还是没用。
然后就开始自我怀疑了,网上也搜索了下,基本没看到有用的解决方案。
最后的最后福至心灵的想到是不是我的Swiper里面的js有问题?复制了官方了“swiper.min.js”替换掉我的。发现问题解决了。
哦。
原来是版本问题。
低版本的swiper是不支持“autoHeight”这个配置。
用Swiper 4.5.0版本是可以的。
问题解决了,过程就是这么煞笔。
相关推荐
欢迎 你 发表评论: 取消回复
- 最新文章
- 热文排行
- 最多评论
- 1天兴工作室多语言翻译插件 自动翻译多达12种语言 适合外贸站点06-23
- 2有道云翻译获取appid和seckey的详细步骤和截图06-22
- 3支付宝支付后异步通知页面提示”支付签名校验失败,请联系管理员!“的原因和解决方法05-08
- 4阿里云oss配置项获取步骤截图,包含ID和Secret、区域节点Endpoint、存储空间Bucket和资源访问域名04-14
- 5zblog登录后台一直提示验证码错误的原因和解决方法03-01
- 6zblog使用api提交post数据提示419错误的原因和解决方法02-23
- 7天兴工作室2025年春节放假公告01-25
- 8天兴用户中心插件“微信通知”功能设置教程11-09
- 9阿里云2024双11活动推荐 通过本站链接参与另外赠送本站代金券11-05
- 标签聚合
- ×1标题优化×1微语×1数据优化×1用户别名×1三栏模板×1武汉音乐学院青山基地×1phpmyadmin×1蓝色简洁模板×1wordpress网盘×1zblogphp1.7×1售后服务×1主机服务商×1zblog安全配置×1QQ邮箱×1zblog文件×1服务器优惠×1腾讯视频下载×1wdcp面板×1zb_install×1wordpress免费主题
最新评论
-
10-21老郭
可以直接用哦 文本内容 评论于:zblog插件:右下角网站公告
-
07-06
访客111 总之不是免费的午餐,不走某Z模式,难发展 评论于:关于zblog版权的说明
-
02-08
天兴工作室 并没有任何限制 -
02-08
访客 请问 zblog淘客主题 对使用者的要求是必须是企业吧? -
11-09
阿浩 大佬们,丢几个除了作者以外的演示站,我想看看大家的布局设置









鄂公网安备 42011102002962号