双控环路的情况下，出现不贴边情况

Jerry24

在双控环路的情况下，点击下面图片的切换，上面轮播图会出现空了一个位置的情况！求大神帮忙看看（如图）


代码如下

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.     });
   
8. 
   
9.     $('.btn-close').on('click',function(){
   
10.         $('.bannerBox').animate({
    
11.             top: -2000,
    
12.         },800,function(){
    
13.             $('.bannerBox').removeClass('bounceInDown');
    
14.             $('.mark-pl').fadeOut();
    
15.         });
    
16. 
    
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.     });
    
29. 
    
30.     var autop = $('.swiper-pagination span').length > 5 ? 6000 : false;//是否超过5张，5张不自动滚动
    
31. 
    
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

主要是5张图的时候才会有这个情况，超过五张图就不会了！