Question

Swiper插件的问题

1-http://www.swiper.com.cn/demo/tiger/ 这个demo里的这段代码是什么意思：
1）swiperAnimateCache(swiper);

2）swiperAnimate(swiper);
3）onProgress: function(swiper){
for (var i = 0; i < swiper.slides.length; i++){

var slide = swiper.slides[i];

var progress = slide.progress;

var translate = progress*swiper.height/4;

scale = 1 - Math.min(Math.abs(progress * 0.5), 1);

var opacity = 1 - Math.min(Math.abs(progress/2),0.5);

slide.style.opacity = opacity;

es = slide.style;

es.webkitTransform = es.MsTransform = es.msTransform = es.MozTransform = es.OTransform = es.transform = 'translate3d(0,'+translate+'px,-'+translate+'px) scaleY(' + scale + ')';

}

},

4） onSetTransition: function(swiper, speed) {

for (var i = 0; i < swiper.slides.length; i++){

es = swiper.slides[i].style;

es.webkitTransitionDuration = es.MsTransitionDuration = es.msTransitionDuration = es.MozTransitionDuration = es.OTransitionDuration = es.transitionDuration = speed + 'ms';

}

},

2-如果拖得很快（一下子从第一屏拖到第三屏），当前页面（第三屏）的内容会不出现，必须重新向下或者向上拖一屏再会到当前，才会出现（未加载？），这个要怎么处理？

Answer 1

你咋不去他的论坛问捏？
1.swiperAnimateCache(swiper)和swiperAnimate(swiper)是做每个slide里面那些小图片的css3动画的吧
2.progress是获取每个slide的移动位移的，从而根据他的位移来做切换动画

比方说当你向上拖动slide，拖到一半的时候，透明度（opacity）就变成原来的一半，移动距离（translate3d）和比例（scale）也会根据progress来变化
3.onSetTransition是一个回调函数，你可以参考下他的API。
4.如果你不想切得太快，就在每次切完后设定暂停时间，settimeout这样吧