利用layer实现放大图片的效果
引用layer.js
//小图
<a href="javascript:amplificationImg('图片名','图片地址')"><img src="" alt=""/></a>
1
//隐藏域 也就是放大以后的图片位置
<img alt="" style="display:none" id="displayImg" src="" />
1
//js方法体
function amplificationImg(name, url) {
$("#displayImg").attr("src", url);
var height = $("#displayImg").height();//拿的图片原来宽高,建议自定义宽高
var width = $("#displayImg").width();
layer.open({
type: 1,
title: false,
closeBtn: 0,
shadeClose: true,
area: [width + 'px', height + 'px'], //宽高
content: "<img alt=" + name + " title=" + name + " src=" + url + " />"
});
}
1
2
3
4
5
6
7
8
9
10
11
12
13
2
3
4
5
6
7
8
9
10
11
12
13
编辑 (opens new window)
上次更新: 2024-11-06, 19:27:10