調用原生圖片查看組件

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

orientation值

<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標簽確定顯示的圖片。

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