swiper事件汇总

全屏轮播加动画

window.onload = function () {
var mySwiper1 = new Swiper('#demo', {
		direction: 'vertical',
		lazy: true,
		pagination: {
		el: '.swiper-pagination',
		clickable: true, 
	},
	mousewheel: {
		enabled: true,
	},
	on: {
		init: function () {
			swiperAnimateCache(this); //隐藏动画元素
			this.emit('slideChangeTransitionEnd');//在初始 
		},
		slideChangeTransitionEnd: function () {  
			swiperAnimate(this); //每个slide切换结束时运行当前slide动画
		} 
	}
})

事件汇总：

连接地址：https://www.swiper.com.cn/api/event/84.html

参数	说明
init	事件函数，初始化后执行
touchStart	回调函数，当碰触到slider时执行。可选Swiper实例和touchstart事件作为参数。
touchMove	手指触碰Swiper并滑动（手指）时执行，可选Swiper实例和touchmove事件作为参数。此时slide不一定会发生移动，比如你手指的移动方向和swiper的切换方向垂直时
touchEnd	回调函数，触摸释放时执行，接受swiper实例和 touchend事件作为参数。
slideChangeTransitionStart	回调函数，swiper从当前slide开始过渡到另一个slide时执行
slideChangeTransitionEnd	回调函数，swiper从一个slide过渡到另一个slide结束时执行。
imagesReady	回调函数，所有内置图像加载完成后执行，同时“updateOnImagesReady”需设置为“true’。
transitionStart	回调函数，过渡开始时触发。可选Swiper实例作为参数。
transitionEnd	回调函数，过渡结束时触发
touchMoveOpposite	回调函数。当手指触碰Swiper并且没有按照direction设定的方向移动时执行。此时slide没有被拖动，这与sliderMove事件相反。
可选swiper实例和touchmove事件作为参数。
sliderMove	回调函数，手指触碰Swiper并拖动slide的过程中不断触发sliderMove函数。
click	回调函数，当你点击或轻触Swiper 后执行，相当于tap。
tap	回调函数，当你轻触(tap)Swiper后执行。在移动端，click会有 200~300 ms延迟，所以请用tap代替click作为点击事件。
doubleTap	回调函数，当你两次轻触Swiper 时执行，类似于双击。
progress	回调函数，当Swiper的progress被改变时执行。接受swiper实例和此Swiper的progress作为参数（返回值范围一般在0-1）。
reachBeginning	回调函数，Swiper切换到初始化位置时执行。
beforeDestroy	回调函数，销毁Swiper时执行，可接受Swiper实例作为参数。
reachEnd	回调函数，当Swiper切换到最后一个Slide时执行
setTransition	回调函数，每当设置Swiper开始过渡动画时执行。transtion获取到的是Swiper的speed值。
resize	当你的浏览器尺寸发生变化时执行。
setTranslate	回调函数。当设置wrapper的偏移量时执行。可选swiper对象和wrapper的偏移量作为参数。
slideNextTransitionStart	回调函数，滑块释放时如果触发slider向前(右、下)切换则执行。类似于slideChangeTransitionStart，但规定了方向。
可选Swiper实例作为参数。
slideNextTransitionEnd	回调函数，slider向前(右、下)切换结束时执行。类似于slideChangeTransitionEnd，但规定了方向。
slidePrevTransitionStart	回调函数，滑块释放时如果触发slider向后(左、上)切换则执行。类似于slideChangeTransitionStart，但规定了方向。
可选Swiper实例作为参数。
slidePrevTransitionEnd	回调函数，slider向后(左、上)切换结束时执行。类似于slideChangeTransitionEnd，但规定了方向。
fromEdge	当Swiper是从第一个或最后一个Slide切换时执行。
toEdge	当Swiper要切换到第一个或最后一个Slide时执行。
slideChange	事件函数。在当前Slide切换到另一个Slide时执行(activeIndex发生改变)，一般是在点击控制组件、释放滑动的时间点。
可选Swiper实例作为参数。
beforeLoopFix	loop 模式下，swiper每次切换之前都会进行一次判断，如果位于边缘的slide，比如复制的slide，则会瞬间定位到一个相同位置的常规slide，这就是loop fix。
loopFix	loop fix之后（无论是否发生定位）会触发一次loopFix 事件。
observerUpdate	回调函数，当observer 功能处于开启状态并监测到元素发生改变（隐藏/显示、增加/删除一级子元素）时执行。可选swiper 实例作为参数。
breakpoint	事件函数，当swiper发生节点变化(breakpoint)时执行。