zoom
焦距功能:双击slide会放大,并且在手机端可双指触摸缩放。
需要在slide中增加类名swiper-zoom-container,结构如下:
<div class="swiper-slide"> <div class="swiper-zoom-container"> <img src="path/to/image"> </div> </div>
需要在slide中增加类名swiper-zoom-container,结构如下:
<div class="swiper-slide"> <div class="swiper-zoom-container"> <img src="path/to/image"> </div> </div>
zoom参数
- 类型:
- boolean
- 默认:
- false
- 举例:
- true
- 启用版本:
- 3.4.0
效果演示
使用方法示例
<script language="javascript">
var mySwiper = new Swiper('.swiper-container',{
zoom : true,
})
</script>
转载原创文章请注明:文章转载自:Swiper中文网 [https://3.swiper.com.cn]
本文地址:https://3.swiper.com.cn/api/zoom/2016/1029/311.html