layer.photo点击某个位置弹出一个指定src的图片

 一般的我们都是知道图片在页面显示然后点击它,他就变大图显示。

<div class="uploadimg">
                        <img class="layui-upload-img" id="img" src="http://orgstatic1.wkzj.net/Web/Article/2019-07/09f3249bb7173e08306ae00b350dc182.png?0.00895596281592459"></div>

$(document).on('click',"#img",function() {
        layer.photos({
            photos:".uploadimg",//img的父元素
            shade :.5
            ,anim: 5 
        });    

 

但是如果我开始就写的文字提示点击这里查看凭证

然后点击这个文字弹出一个指定的src的图该怎么办呢?

下面就是方法啦:直接定义data。

layer.photos({
        photos: { "data": [{"src": 'http://pic1a.nipic.com/2009-01-07/20091713417344_2.jpg'},{"src": 'http://pic33.photophoto.cn/20141022/0019032438899352_b.jpg'},{"src":'http://pic19.nipic.com/20120210/7827303_221233267358_2.jpg'}] },
        shade :.5,
        anim: 5 //0-6的选择,指定弹出图片动画类型,默认随机
  });
    });

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值