framework7 Swiper自動播放


使用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',
                },
            });

開始自動播放。應該還有點問題,因為太困,先寫這些,其他的問題應該都不是問題了。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM