plus.nativeUI.previewImage();
参数:
- urls: 必选 需要预览的图片地址列表。
- options: 可选。
option可选值:
- background:图片预览的背景颜色。取值为RGB。
- current: 点击图片后,默认显示图片的索引值。
- indicator: 图片指示器样式
取值: "default" - 默认指示器(底部圆点样式); "number" - 顶部数字指示器(顶部居中显示,文字为%当前图片索引值(从1开始)%/%图片总数%); "none" - 不显示指示器。 默认值为"default"。
- loop:是否可循环预览。true/false。(从最后一张向右滑到第一张)
<style type='text/javascript'>
img{
width:100%;
height:auto;
}
</style>
<script type="text/javascript">
mui.plusReady(function() {
var images=document.querySelectorAll('img');
var urls=[];
for(var i=0;i<images.length;i++){
urls[i]=images[i].src;
(function(i){
images[i].addEventListener('tap',function(){
plus.nativeUI.previewImage(urls,{
current:i, //点击图片时显示图片的索引值
background:'#000', //图片的背景颜色,值为RGB
indicator: 'number',
loop:true
});
});
})(i);
}
});
</script>