原生轮播示例（slider-native）

native模式的图片轮播是的subNViews属性配置而成的，目前支持循环播放、点击预览、双指放大功能，不支持自动轮播；可以通过5+API手动添加图片、获取当前图片轮播控件显示的图片索引值、设置图片轮播控件的图片；native模式的图片轮播适用于展示商品详情的场景，下面是效果图：

实现方案

创建webview时，配置subnview节点即可，代码如下：

var webview = plus.webview.create("slider-native.html", "slider-native", {  
    titleNView:{//配置标题  
        'backgroundColor': '#f7f7f7',//导航栏背景色  
        'titleText': 'slider(native模式)',//导航栏标题  
        'titleColor': '#000000',//文字颜色  
        autoBackButton: true//自动绘制返回箭头  
    },  
    subNViews:[{ //配置图片轮播  
        id: 'slider-native',  
        type: 'ImageSlider',  
        styles: {//这里的left和top是控制控件的位置；Width和height控制控件大小  
            left: 0,  
            top: 0,  
            width:'100%',  
            height: '200px',  
            position: 'static',//static正常定位随窗口滚动，absolute时不随页面滚动  
            type:'transparent',//透明渐变样式标题栏，可以使slider通顶，更加美观  
            loop: true,//是否循环播放  
            images: [{//图片路径和图片大小  
                src: '_www/images/yuantiao.jpg',  
                width: '100%'  
            }, {  
                src: '_www/images/shuijiao.jpg',  
                width: '100%'  
            }, {  
                src: '_www/images/muwu.jpg',  
                width: '100%'  
            }, {  
                src: '_www/images/cbd.jpg',  
                width: '100%'  
            }]  
        }  
    }]  
});  
webview.show("slide-in-right", 300);//显示webview

原生图片轮播（ImageSlider）相关5+api地址：http://www.html5plus.org/doc/zh_cn/nativeobj.html#plus.nativeObj.ImageSlider

体验及源码

下载最新版Hello MUI可体验效果：Hello MUI首页--> gallery slider（图片轮播） --> 默认样式(native模式)。
native模式的图片轮播是在创建webview的时候一同创建的，所以想要在hello mui的源码中找相关代码，不能在slider-native.html里面找，得在index.html中创建slider-native.html的位置查找。
附件是本示例所用代码。