lock = false;
bgColor = ["#18181a", "#18181a", "#18181a"]; //背景色
var mySwiper = new Swiper('.swiper-container', {
	autoplay: true,
	speed: 1300,
	allowTouchMove: false,//禁止触摸滑动
	parallax: true,  //文字位移视差
	on: {
		transitionStart: function () {
			lock = true;//锁住按钮
			slides = this.slides
			imgBox = slides.eq(this.previousIndex).find('.img-box') //图片包装器
			imgPrev = slides.eq(this.previousIndex).find('img')  //当前图片
			imgActive = slides.eq(this.activeIndex).find('img')  //下一张图片
			derection = this.activeIndex - this.previousIndex
			this.$el.css("background-color", bgColor[this.activeIndex]);//背景颜色动画

			imgBox.transform('matrix(0.6, 0, 0, 0.6, 0, 0)');
			imgPrev.transition(1000).transform('matrix(1.2, 0, 0, 1.2, 0, 0)');//图片缩放视差
			this.slides.eq(this.previousIndex).find('h3').transition(1000).css('color', 'rgba(255,255,255,0)');//文字透明动画
			this.slides.eq(this.previousIndex).find('h5').transition(1000).css('color', 'rgba(255,255,255,0)');//文字透明动画

			imgPrev.transitionEnd(function () {
				imgActive.transition(1300).transform('translate3d(0, 0, 0) matrix(1.2, 0, 0, 1.2, 0, 0)');//图片位移视差
				imgPrev.transition(1300).transform('translate3d(' + 60 * derection + '%, 0, 0)  matrix(1.2, 0, 0, 1.2, 0, 0)');
			});
		},
		transitionEnd: function () {
			this.slides.eq(this.activeIndex).find('.img-box').transform(' matrix(1, 0, 0, 1, 0, 0)');
			imgActive = this.slides.eq(this.activeIndex).find('img')
			imgActive.transition(1000).transform(' matrix(1, 0, 0, 1, 0, 0)');
			this.slides.eq(this.activeIndex).find('h3').transition(1000).css('color', 'rgba(255,255,255,1)');
			this.slides.eq(this.activeIndex).find('h5').transition(1000).css('color', 'rgba(255,255,255,1)');

			imgActive.transitionEnd(function () {
				lock = false
			});
			//第一个和最后一个，禁止按钮
			if (this.activeIndex == 0) {
				this.$el.find('.button-prev').addClass('disabled');
			} else {
				this.$el.find('.button-prev').removeClass('disabled');
			}

			if (this.activeIndex == this.slides.length - 1) {
				this.$el.find('.button-next').addClass('disabled');
			} else {
				this.$el.find('.button-next').removeClass('disabled');
			}
		},
		init: function () {
			this.emit('transitionEnd');//在初始化时触发一次transitionEnd事件
		},

	}
});

//不使用自带的按钮组件，使用lock控制按钮锁定时间
mySwiper.$el.find('.button-next').on('click', function () {
	if (!lock) {
		mySwiper.slideNext();
	}
})
mySwiper.$el.find('.button-prev').on('click', function () {
	if (!lock) {
		mySwiper.slidePrev();
	}
})