plus.nativeUI.previewImage();

參數(shù)：

• urls: 必選 需要預(yù)覽的圖片地址列表。
• options:? 可選。

option可選值：

• background:圖片預(yù)覽的背景顏色。取值為RGB。
• current:? 點擊圖片后，默認(rèn)顯示圖片的索引值。
• indicator: 圖片指示器樣式

  取值： "default" - 默認(rèn)指示器（底部圓點樣式）； "number" - 頂部數(shù)字指示器（頂部居中顯示，文字為%當(dāng)前圖片索引值（從1開始）%/%圖片總數(shù)%）； "none" - 不顯示指示器。 默認(rèn)值為"default"。

• loop:是否可循環(huán)預(yù)覽。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', //圖片的背景顏色，值為RGBindicator: 'number', loop:true }); }); })(i); }}); </script>

?

總結(jié)

以上是生活随笔為你收集整理的APP实现图片放大预览效果的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。