图片浏览窗口

图片浏览界面

时间：2022-03-19 13:50:16查看量：3922

BSL.ShowImages('urls','titles','orientation')

调用原生图片查看组件。

参数	必填	说明
urls	是	图片网络地址。
titles	是	图片标题
orientation	是	固定值，控制显示方向。

orientation值

编码	说明
1	竖屏
2	横屏
3	随屏

<script type="text/javascript>
    function imgs(){
         var datas = new Array();
         datas[0] = "https://www.xxxx.com/public/deal_file/57/logo.png";
         datas[1] = "https://www.xxxx.com/public/deal_file/70/logo.png";
         datas[2] = "https://www.xxxx.com/public/deal_file/71/logo.png";
         datas[3] = "https://www.xxxx.com/public/deal_file/72/logo.png";
         var titles = new Array();
         titles[0] = "高级";
         titles[1] = "中级";
         titles[2] = "初级";
         titles[3] = "基础";
         BSL.ShowImages(datas,titles,3);
    }
</script>
<a href="#" onclick="imgs()">查看图片</a>

class标签

用class标签确定显示的图片。

参数	必填	说明
bslImgClick	是	图片class属性

<img src="http://www.appbsl.cn/demo/img/img1.png" class="bslImgClick">
<img src="http://www.appbsl.cn/demo/img/img2.png" class="bslImgClick">
<img src="http://www.appbsl.cn/demo/img/img3.png" class="bslImgClick">
<img src="http://www.appbsl.cn/demo/img/img4.png" class="bslImgClick">

下一篇：单图片，单平台分享

文章列表

分类