使用layer 实现点击 显示大图

由于开发时需要用到点击时显示大图的功能 遇到百度到一个比较好用的方法,适用程度比较高

废话不多说,直接贴代码

#html部分

<div class="imgview"><img src=""https://avatar.csdn.net/B/7/0/1_qq_31878883.jpg?1541231590 alt="qq_31878883"></div>

#js部分代码(需要JQuery支持)

    /**
     * 全局图片放大事件
     */
    $("body").on("click", ".imgview", function (e) {
        layer.photos({photos: {"data": [{"src": e.target.src}]}});
    });

本文非原创 转载自 使用layer.photo实现点击图片显示大图

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值