javascript 多个swipper切换的方法

javascript 多个swipper切换的方法

swiper都设置绝对定位 
然后每次切换 

  
  $('.huxing_button').on('click',function () {
        $('.swiper-container').css('display','none');
        $('.swiper-container-huxing').fadeIn();
        var swiper = new Swiper('.swiper-container-huxing', {
            pagination: '.swiper-pagination',
            paginationClickable: true,
            direction: 'vertical',
            effect: 'fade',
            lazyLoading : true,
            lazyLoadingInPrevNext : true,
            lazyLoadingInPrevNextAmount : 2,
            onInit: function(swiper){ //Swiper2.x的初始化是onFirstInit
                /*初始化动画自己实现 silde自带的有bug*/
                swiperAnimateCache(swiper); //隐藏动画元素
                swiperAnimate(swiper); //初始化完成开始动画
            },
            onSlideChangeEnd: function(swiper){
                var activeindex=swiper.activeIndex;

                swiperAnimate(swiper); //每个slide切换结束时也运行当前slide动画
                if (swiper.isEnd) {
                    $('#star').css('display','none');
                    swiper.lockSwipeToNext();
                }else{
                    $('#star').css('display','block');
                    swiper.unlockSwipeToNext();
                }
            }

        });
    })



查看原文：http://newmiracle.cn/?p=1478