Swiper中文论坛

标题: 如何在页面中实现多个轮播效果，使用的是sui框架 [打印本页]

作者: chenlu632 时间: 2015-11-16 17:31
标题: 如何在页面中实现多个轮播效果，使用的是sui框架
各位大神，小弟想请教一下如何实现多个轮播效果，我在页面中做了两个，但是奇怪的是页面中所有轮播的pagination的数量都是最后一个轮播的pagination数，这怎么回事呀？

作者: admin 时间: 2015-11-17 10:22
要区分下pagination

作者: chenlu632 时间: 2015-11-18 11:02

admin 发表于 2015-11-17 10:22
要区分下pagination

我在已经为两个slider-container都添加了不同的父标签，通过父标签来区分他们，但还是没有用。。。

作者: chenlu632 时间: 2015-11-18 11:13

admin 发表于 2015-11-17 10:22
要区分下pagination

不对不对我理解错了不知道怎么区分pagination，因为用的是sui框架，所以就用了它自定义的一个方法
<script>
$(function() {
$(".s_project .swiper-container").swiper();
$(".headlunbo .swiper-container").swiper();
});
</script>

作者: chenlu632 时间: 2015-11-18 11:14

admin 发表于 2015-11-17 10:22
要区分下pagination

不对不对我理解错了不知道怎么区分pagination，因为用的是sui框架，所以就用了它自定义的一个方法
<script>
   $(function() {
   $(".s_project .swiper-container").swiper();
   $(".headlunbo .swiper-container").swiper();
   });
</script>
这里不知道怎么改

作者: guos 时间: 2015-11-18 11:21
<div class="pagination"></div>中的pagination分别用不同的名字来命名，区分开试试

作者: chenlu632 时间: 2015-11-18 11:31

guos 发表于 2015-11-18 11:21
中的pagination分别用不同的名字来命名，区分开试试

可是我上面一个由于要做banner的，所以上面的图就用了pagination，下面的菜单栏就没有加，但由于上面的banner有3页，菜单栏有2页，两个都变味slider后，原本banner上应该有三个pagination的变为了两个了，而且还不是随着banner的移动而改变的，而是根据菜单栏的来改变的。。。

作者: guos 时间: 2015-11-18 11:41
你试试在下面菜单栏也加一个，然后用样式把不要显示的隐藏掉

作者: remenbo@163.com 时间: 2015-11-26 02:27
我也是这个问题好多天了不知道楼主怎么解决的

作者: tvrfqbmnm 时间: 2015-11-26 08:57
把源码贴出来，这样才能看到问题的本质。

作者: 空城空旧忆 时间: 2018-11-29 11:36
你好，你这个问题解决了没有？

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