Swiper中文论坛

标题: 双控环路的情况下，出现不贴边情况 [打印本页]
作者: Jerry24    时间: 2017-9-8 16:18
标题: 双控环路的情况下，出现不贴边情况
在双控环路的情况下，点击下面图片的切换，上面轮播图会出现空了一个位置的情况！求大神帮忙看看（如图）


代码如下

  1.     $('.gallery-thumbs').on('click', '.swiper-slide',function(){
  2.         var ind = $(this).index();
  3.         $('.mark-pl').fadeIn();
  4.         $(this).parents('.gallery-thumbs').addClass('active');
  5.         $('.bannerBox').css('top', '122px').addClass('bounceInDown animated');
  6.         galleryThumbs.stopAutoplay();
  7.     });

  9.     $('.btn-close').on('click',function(){
  10.         $('.bannerBox').animate({
  11.             top: -2000,
  12.         },800,function(){
  13.             $('.bannerBox').removeClass('bounceInDown');
  14.             $('.mark-pl').fadeOut();
  15.         });

  17.         galleryThumbs.startAutoplay();
  18.         $('.gallery-thumbs').removeClass('active');
  19.     });
  20.      var galleryTop = new Swiper('.gallery-top', {
  21.         nextButton: '.swiper-button-next',
  22.         prevButton: '.swiper-button-prev',
  23.         spaceBetween : 15,
  24.         pagination : '.swiper-pagination',
  25.         speed: 800,
  26.         loop : true,
  27.         loopAdditionalSlides : 5
  28.     });

  30.     var autop = $('.swiper-pagination span').length > 5 ? 6000 : false;//是否超过5张，5张不自动滚动

  32.     var galleryThumbs = new Swiper('.gallery-thumbs', {
  33.         slidesPerView: '5',
  34.         touchRatio: 0,
  35.         autoplay : autop,
  36.         speed: 800,
  37.         centeredSlides: true,
  38.         slideToClickedSlide: true,
  39.         loop : true,
  40.         loopAdditionalSlides : 1
  41.     });
  42.    
  43.    
  44.     galleryTop.params.control = galleryThumbs;
  45.     galleryThumbs.params.control = galleryTop;
复制代码


作者: Jerry24    时间: 2017-9-8 16:19
主要是5张图的时候才会有这个情况，超过五张图就不会了！



欢迎光临 Swiper中文论坛 (http://bbs.swiper.com.cn/) Powered by Discuz! X3.2