controlBy
设定Swiper相互控制时的控制方式。当两个swiper的slide数量不一致时可用。
默认为'slide'，自身切换一个slide时，被控制方也切换一个slide。
可选：'container'，按自身slide在container中的位置比例进行控制。
例：有4个slide的swiper1控制有7个slide的swiper2，
设定'slide',swiper1的1,2,3,4对应控制的swiper2为1,2,3,7。
设定controlBy:'container',swiper1的1,2,3,4对应控制的swiper2为1,3,5,7。
默认为'slide'，自身切换一个slide时，被控制方也切换一个slide。
可选：'container'，按自身slide在container中的位置比例进行控制。
例：有4个slide的swiper1控制有7个slide的swiper2，
设定'slide',swiper1的1,2,3,4对应控制的swiper2为1,2,3,7。
设定controlBy:'container',swiper1的1,2,3,4对应控制的swiper2为1,3,5,7。
controlBy参数
- 类型：
- string
- 默认：
- slide
- 举例：
- container
- 启用版本：
- 3.1.0
效果演示
Swiper1
Swiper2
使用方法示例
<script>
var Swiper1 = new Swiper('#swiper-container1',{
controlBy:'container',
})
var Swiper2 = new Swiper('#swiper-container2',{
})
Swiper1.params.control = Swiper2;
</script>转载原创文章请注明：文章转载自：Swiper中文网 [https://3.swiper.com.cn]
本文地址：https://3.swiper.com.cn/api/Controller/2015/0722/279.html