Swiper中文论坛

标题: 如何在一个页面中使用多个Swiper [打印本页]

---

作者: admin    时间: 2015-6-30 17:55
标题: 如何在一个页面中使用多个Swiper
给每个Swiper的container一个不同身份（如ID）即可

1. <div class="swiper-container" id="swiper-container1">...
   
2. <div class="swiper-container" id="swiper-container2">...
   
3. 
   
4. var mySwiper1 = new Swiper('#swiper-container1')
   
5. var mySwiper2 = new Swiper('#swiper-container2')
   

复制代码

---

作者: qianjiuzhou    时间: 2015-7-3 10:50
下面的焦点不会随着改变啊

---

作者: admin    时间: 2015-7-16 23:20
pagination : '#swiper-pagination1',
pagination : '#swiper-pagination2',

---

作者: 米启点    时间: 2015-9-3 12:11
正确的。改变Id即可

---

作者: remenbo@163.com    时间: 2015-11-27 01:19
马上开始实践

---

作者: mvpoo1    时间: 2016-3-22 09:40
按照上面的方法，我的也不行啊！是什么原因呢？

---

作者: numa001    时间: 2016-8-15 15:27
图片动了  焦点不会跟着动

---

欢迎光临 Swiper中文论坛 (http://bbs.swiper.com.cn/)

Powered by Discuz! X3.2