使用framework7 Swiper時,發現用data-slides-per-view="auto"參數不會自動播放,網上的資料很少,后來看到這篇文章:
https://www.jianshu.com/p/f1c6395314f2
知道了framework7用的Swiper其實就是http://idangero.us/swiper/api/
於是在這里尋找答案,最后大致搞成這樣:
var _slides=""; for (var i = 0; i < _list.length; i++) { _slides += "<div class=\"swiper-slide\"><img src=\"" + _list[i].ArticlePic + "\" /></div>"; } $$(".swiper-wrapper").append(_slides); $$("#default-pic-swiper").show(); var swiper = new Swiper('.swiper-container', { speed: 500, loop: true, autoplay: { delay: 2500, }, pagination: { el: '.swiper-pagination', type: 'bullets', }, });
開始自動播放。應該還有點問題,因為太困,先寫這些,其他的問題應該都不是問題了。
