weui 图片浏览器PhotoBrowser 的使用

jquery weui 图片浏览器PhotoBrowser 的简单使用

weui PhotoBrowser 地址链接

使用步骤

• 引入需要的js文件

    <script src="/static/js/jquery-2.1.4.js"></script>
    <script src="/static/js/jquery-weui.js"></script> 
    <script src="/static/js/swiper.js"></script>  

• html图片dom

    <img src="$!{station.img}" class="stake_img"  onclick="showBigImg()">

• js调用

    function showBigImg() {
        $.photoBrowser({
            items: [
            	"../../static/images/other/toilet.png",
            	"../../static/images/other/toilet.png",
            	"../../static/images/other/toilet.png"
            ], //赋值
           /*  initIndex: index, //当前点击的图片下标 */
            onSlideChange: function(index) {
                console.log(this, index);
            },

            onOpen: function() {
                console.log("onOpen", this);
            },
            onClose: function() {
                console.log("onClose", this);
            }
        }).open();//这里一定要这样调用一下
        
    }

最基础的使用，想要其他的功能就可以看官方文档对应的加了