JS-图片浏览

调用原生图片查看组件

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>

CSS标签调用

用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">


2020-03-04 17:37:53

在线客服