layer弹出图片的问题 , 用layer写一个漂亮的图片弹出
- 作者 : zfajax舫
- |
- 发布时间 : 6年前
- |
- 评论数 : 0
- 查看数 : 67
首先你需要进入`layer`官网下载代码,然后在项目中引入layer和他所依赖的jquery文件.
下面开始编写代码.
if ($('.zf-img-pop').length > 0 && $(window).width() > 1000) {
$('.zf-img-pop').click(function () {
$url = $(this).data('url');
img = '<img style="width: 100%;" src="' + $url + '">'
layer.open({
type: 1,//Page层类型
title: false,
offset:'100px',
area: '900px',
skin: 'layui-layer-nobg', //没有背景色
anim: 1,//0-6的动画形式，-1不开启
content: img
});
})
}代码编写完成,你可以在html中这样使用它
<a class="zf-img-pop" href="javaScript:void(0)" data-url="图片地址"></a>
效果如下
