Swiper中文论坛

标题: slidesPerView自动与双向控制一起不可用了。 [打印本页]

作者: sunqimei 时间: 2017-8-17 11:27
标题: slidesPerView自动与双向控制一起不可用了。
slidesPerView: 'auto',

scrollContainer: true,
var Swiper1 = new Swiper('.sl-swiper',{
scrollContainer: true,
slidesPerView: 'auto',
  });

  //内容滚动
  var Swiper2 = new Swiper('.swiper-container',{
scrollContainer: true,
  });

Swiper1.params.control = Swiper2;//需要在Swiper2初始化后，Swiper1控制Swiper2
Swiper2.params.control = Swiper1;//需要在Swiper1初始化后，Swiper2控制Swiper1

然后　我把最上面的swiper1单独写了一个普通样式。
去控制swiper2
$('.top-w-title div').click(function(){
   self=$(this);
   $('.top-w-title div').removeClass('on');
   self.addClass('on');
   mySwiper.slideTo(self.index(), 300, false);
  })

可以，但是swiper2怎么控制swiper1呢？

作者: sunqimei 时间: 2017-8-17 14:40
搞定了
自己写了一个。再加这了这个
var mySwiper = new Swiper('.swiper-container',{
   autoHeight: true,
   onSlideChangeStart: function(swiper,even){ //onTouchMove
      // alert('事件触发了;');
      $('.top-w-title div').removeClass('on');
      $('.top-w-title div').eq(swiper.activeIndex).addClass('on');
   }
  })

作者: 晚枫 时间: 2017-8-18 09:50
楼主，我想把默认的圆点改成文字，怎么弄，求教，

pcpage.rar

778.26 KB, 阅读权限: 100, 下载次数: 3

这是admin写的

作者: ktyidian 时间: 2019-5-23 01:42
哈哈哈。学习了。。。.....

作者: ktyidian 时间: 2019-5-23 01:43
哈哈哈。学习了。。。也是刚开始用这个插件

作者: 阿土 时间: 2019-7-29 11:14
楼主我想双向控制后两个轮播的speed不同怎么操作

作者: lesliehuang 时间: 2019-12-9 19:04
本帖最后由 lesliehuang 于 2019-12-9 19:06 编辑

当前,手机成为农民的新农具,为农业生产信息化深入重庆欢乐生肖打下基础。2018年中国成功发射首颗农业高分卫星,为农业监测安上了“天眼”。物联网、卫星遥感、大数据等现代信息技术得到应用,在轮作休耕监管、农机精准作业等方面取得成效。农机深松整地作业信息化监测面积累计超过1.5亿亩,作业效率和服开奖网务水平大幅提升。

   农村创新创业热潮涌现

   70年以来,中国对“三农”的财政投入力度不断加强。到2018年北京pk10中国财政对农林水投入21085.59亿元人民币,较2007年增加5.2倍。

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