maxRatio
设置缩放的最大放大比例。
如果要在单个slide上设置放大比例,可以在这个slide 上添加类名
如果要在单个slide上设置放大比例,可以在这个slide 上添加类名
data-swiper-zoom
。maxRatio信息
- 类型:
- number
- 默认:
- 3
- 举例:
- 5
- 启用版本:
- 4.0.0
效果演示
设置为更大的值后,图片被允许放得更大了,其中第二个slide单独设置了2倍使用方法示例
从Swiper7开始,容器默认类名由'.swiper-container'变更为'.swiper'。
<div class="swiper-zoom-container" data-swiper-zoom="3"><!--单个比例设置3倍-->
<img src="path/to/image1.jpg">
</div>
<script language="javascript">
var mySwiper = new Swiper('.swiper',{
zoom: {
maxRatio: 5,//全部设置5倍
},
})
</script>
转载原创文章请注明:文章转载自:Swiper中文网 [https://www.swiper.com.cn]
本文地址:https://www.swiper.com.cn/api/zoom/312.html