|
一点都不自适应,官方有demo:https://www.swiper.com.cn/demo/progress-effect.html
完善样式:
setTranslate: function(){
var slides = this.slides;
for(i=0; i< slides.length; i++){
var slide = slides.eq(i);
var progress = slides.progress;
$(slides).attr("tem",456);
//slide.html(progress.toFixed(2)); 看清楚progress是怎么变化的
var k=(2 - Math.abs(progress)/3);
// slide.css({'opacity': '','background': ''});
var m=Math.ceil(Math.abs(Math.abs(k)*1000));
// slide.transform('');//清除样式
// slide.transform('scale('+k+')');
$(slides).css('z-index',m);
$(slides).css('transform','scale('+k+')');
// console.log($(slide).css("transform"))
// setClick(slide);
}
},
|
|