利用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
上次更新: 2024-11-06, 19:27:10
最近更新
01
java playwright爬虫
11-06
02
连接chrome调试
07-23
03
连接chrome调试
07-23
更多文章>