图片浏览界面
时间：2022-03-19 13:50:16查看量：2950
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"> 下一篇：App内原生播放器
