MUI图片轮播不流畅，建议更换为swiper组件

MUI标签页滑动切换也有拖沓的感觉，总觉得滑的时候不够灵敏，其实这个功能我觉得也可以用swiper来替换，切换的时候加个回调函数，改变标签的样式即可

可能官方觉得改代码太麻烦，其实完全可以通过加载额外的swiper组件来完成。
以官方的hellomui手机浏览器版为例
1、head部分插入：

<link rel="stylesheet" href="../css/swiper.css">  
<style>  
.swiper-container {  
    width: 100%;  
}  
.swiper-container img{  
    width:100%;  
    height:auto;  
}  
</style>

2、再将 <div id="slider" class="mui-slider" >...</div> 替换为：

<div class="swiper-container">  
    <div class="swiper-wrapper">  
        <!-- Slides -->  
        <div class="swiper-slide">  
            <a href="#">  
                <img src="../images/yuantiao.jpg">  
            </a>  
        </div>  
        <div class="swiper-slide">  
            <a href="#">  
                <img src="../images/shuijiao.jpg">  
            </a>  
        </div>  
        <div class="swiper-slide">  
            <a href="#">  
                <img src="../images/muwu.jpg">  
            </a>  
        </div>  
        <div class="swiper-slide">  
            <a href="#">  
                <img src="../images/cbd.jpg">  
            </a>  
        </div>  
    </div>  
</div>

3、在 <script src="../js/mui.js"></script> 后面加上 <script src="../js/swiper.min.js"></script>
然后

var mySwiper = new Swiper ('.swiper-container', {  
    loop: true,  
}) 

就可以了

我想问,在同一个页面再增加一个

var mySwiper = new Swiper ('.swiper-container2', {  
    loop: true,  
}) ;

为什么不行

mark下，回头试试看。

指示点不流畅就算了，为毛最后一张图片一闪就切换下一张了？

mui很多插件都不是很好用，可以找第三方插件，在github上面搜索，最近使用腾讯的滑动插件，全部替换mui的滑动了，很好用，叫alloytouch