//banner切换 var interleaveoffset = 0.5; var swiperoptions = { loop: true, speed: 1500, autoplay:true, grabcursor: true, watchslidesprogress: true, mousewheelcontrol: true, keyboardcontrol: true, navigation: { nextel: ".swiper-button-next", prevel: ".swiper-button-prev" }, on: { init: function() { var swiper = this; //swiper.slideto(0, 1000, false); swiper.slidenext(); /*settimeout(function(){ //swiper.slideto(1, 1000, false); swiper.slidenext(); },1000);*/ }, progress: function() { var swiper = this; for (var i = 0; i < swiper.slides.length; i++) { var slideprogress = swiper.slides[i].progress; var inneroffset = swiper.width * interleaveoffset; var innertranslate = slideprogress * inneroffset; swiper.slides[i].queryselector(".slide-inner").style.transform = "translate3d(" + innertranslate + "px, 0, 0)"; } }, touchstart: function() { var swiper = this; for (var i = 0; i < swiper.slides.length; i++) { swiper.slides[i].style.transition = ""; } }, settransition: function(speed) { var swiper = this; for (var i = 0; i < swiper.slides.length; i++) { swiper.slides[i].style.transition = speed + "ms"; swiper.slides[i].queryselector(".slide-inner").style.transition = speed + "ms"; } } } }; var swiper = new swiper(".swiper-container", swiperoptions);