weui 图片浏览器PhotoBrowser 的使用

最新推荐文章于 2024-08-24 07:58:47 发布

呆鸟慢飞

最新推荐文章于 2024-08-24 07:58:47 发布

阅读量770

点赞数

分类专栏： jquery 文章标签： jquery 前端

本文链接：https://blog.csdn.net/weixin_49522520/article/details/114139582

版权

jquery 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

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();//这里一定要这样调用一下
        
    }