javascript 显示更大的图片(放大图片)
2008-08-05 15:59
429 查看
1.function ShowLargeImg()
{
var url=hidImgUrl.value;
var imgWin=window.open('','img','width=50,height=50,scrollbars=yes,resizable=yes,location=no,status=no')//打开一个空白窗口,并初始化大小
imgWin.focus()//使窗口聚焦,成为当前窗口
var HTML="<html>\r\n<head>\r\n<title>picture browse</title>\r\n</head>\r\n<body leftmargin=\"0\" topmargin=\"0\">\r\n<img src=\""+url+"\" onload=\"window.resizeTo(this.width+30,this.height+35);if(screen.width>this.width && screen.height>this.height) {window.moveTo((screen.width-this.width)/2,(screen.height-this.height)/2);} else {window.moveTo(-4,-4);window.resizeTo(screen.availWidth+9,screen.availHeight+9);}\">\r\n</body>\r\n</html>"//这里是关键代码,在图片加载完后调用resizeTo()和moveTo()方法调整窗口大小和位置
var doc=imgWin.document
doc.open("text/html","replace") //指定文档的多用途网际邮件扩充协议
doc.write(HTML)//向空白窗口写入代码
doc.close()//关闭输入流,并强制发送数据显示。
}
2.
<a href="javascript:;ShowLargeImg();"><asp:Image ID="imgPic" runat="server" ToolTip="Clicking can enlarge image" alt="The picture path is wrong." /></a>
{
var url=hidImgUrl.value;
var imgWin=window.open('','img','width=50,height=50,scrollbars=yes,resizable=yes,location=no,status=no')//打开一个空白窗口,并初始化大小
imgWin.focus()//使窗口聚焦,成为当前窗口
var HTML="<html>\r\n<head>\r\n<title>picture browse</title>\r\n</head>\r\n<body leftmargin=\"0\" topmargin=\"0\">\r\n<img src=\""+url+"\" onload=\"window.resizeTo(this.width+30,this.height+35);if(screen.width>this.width && screen.height>this.height) {window.moveTo((screen.width-this.width)/2,(screen.height-this.height)/2);} else {window.moveTo(-4,-4);window.resizeTo(screen.availWidth+9,screen.availHeight+9);}\">\r\n</body>\r\n</html>"//这里是关键代码,在图片加载完后调用resizeTo()和moveTo()方法调整窗口大小和位置
var doc=imgWin.document
doc.open("text/html","replace") //指定文档的多用途网际邮件扩充协议
doc.write(HTML)//向空白窗口写入代码
doc.close()//关闭输入流,并强制发送数据显示。
}
2.
<a href="javascript:;ShowLargeImg();"><asp:Image ID="imgPic" runat="server" ToolTip="Clicking can enlarge image" alt="The picture path is wrong." /></a>
相关文章推荐
- JavaScript实现文本框中默认显示背景图片在获得焦点后消失的方法
- javascript 实现图片放大缩小
- Qt 显示图片 放大 缩小 移动
- 【JAVASCRIPT】jquery实现图片放大功能
- 应用CImage类用文件和流的方式显示图片和放大缩小图片
- Android ImageView图片放大到全屏显示
- Javascript实现图片的移动,图片的放大,图片缩小功能
- 在html页面用ajax的简单应用通过javascript得到数据库中的图片路径并在表格中显示出来
- 图片放大显示的jQuery插件
- JavaScript预加载图片并显示loading的代码
- 当鼠标移动到图片上时,跟随鼠标显示放大的图片
- javascript编写的购物网站的商品图片放大程序
- JavaScript弹性透明的图片放大代码
- javascript做图片放大,缩小,旋转
- 实现上传图片之后显示预览javaScript代码
- 用Javascript判断图片是否存在,不存在则显示默认图片的代码
- javascript 火狐(firefox)不显示本地图片问题解决
- JavaScript随机显示图片
- javascript 图片轮换显示效果代码
- 22-ImageView显示图片单击某个部位放大显示,控制图片的透明度,切换显示图片