新页面打开实际尺寸的图片
程序员文章站
2023-12-10 22:44:16
复制代码 代码如下:
<script language="javascript" type="text/javascript">
<!--
var imgobj;
function checkimg(theurl,winname){
if (typeof(imgobj) == "object"){
// 是否已取得了图像的高度和宽度
if ((imgobj.width != 0) && (imgobj.height != 0))
// 根据取得的图像高度和宽度设置弹出窗口的高度与宽度，并打开该窗口
// 其中的增量 20 和 30 是设置的窗口边框与图片间的间隔量
openfullsizewindow(theurl,winname, ",width=" + (imgobj.width+20) + ",height=" + (imgobj.height+30));
else
// 因为通过 image 对象动态装载图片，不可能立即得到图片的宽度和高度，所以每隔100毫秒重复调用检查
settimeout("checkimg('" + theurl + "','" + winname + "')", 100)
}
}
function openfullsizewindow(theurl,winname,features) {
var anewwin, sbasecmd;
// 弹出窗口外观参数
sbasecmd = "toolbar=no,location=no,status=no,menubar=no,scrollbars=no,resizable=no,";
// 调用是否来自 checkimg
if (features == null || features == ""){
// 创建图像对象
imgobj = new image();
// 设置图像源
imgobj.src = theurl;
// 开始获取图像大小
checkimg(theurl, winname)
}
else{
// 打开窗口
anewwin = window.open(theurl,winname, sbasecmd + features);
// 聚焦窗口
anewwin.focus();
}
}
//-->
</script>
使用时将上面的代码放在网页文档的<head></head>标记对中，然后在链接的点击事件中调用openfullsizewindow函数，如<a href="fullsize.jpg" onclick="openfullsizewindow(this.href,'','');return false"><img src="small.jpg"></a>即可
复制代码 代码如下:
<script language="javascript" type="text/javascript">
<!--
var imgobj;
function checkimg(theurl,winname){
if (typeof(imgobj) == "object"){
// 是否已取得了图像的高度和宽度
if ((imgobj.width != 0) && (imgobj.height != 0))
// 根据取得的图像高度和宽度设置弹出窗口的高度与宽度，并打开该窗口
// 其中的增量 20 和 30 是设置的窗口边框与图片间的间隔量
openfullsizewindow(theurl,winname, ",width=" + (imgobj.width+20) + ",height=" + (imgobj.height+30));
else
// 因为通过 image 对象动态装载图片，不可能立即得到图片的宽度和高度，所以每隔100毫秒重复调用检查
settimeout("checkimg('" + theurl + "','" + winname + "')", 100)
}
}
function openfullsizewindow(theurl,winname,features) {
var anewwin, sbasecmd;
// 弹出窗口外观参数
sbasecmd = "toolbar=no,location=no,status=no,menubar=no,scrollbars=no,resizable=no,";
// 调用是否来自 checkimg
if (features == null || features == ""){
// 创建图像对象
imgobj = new image();
// 设置图像源
imgobj.src = theurl;
// 开始获取图像大小
checkimg(theurl, winname)
}
else{
// 打开窗口
anewwin = window.open(theurl,winname, sbasecmd + features);
// 聚焦窗口
anewwin.focus();
}
}
//-->
</script>
使用时将上面的代码放在网页文档的<head></head>标记对中，然后在链接的点击事件中调用openfullsizewindow函数，如<a href="fullsize.jpg" onclick="openfullsizewindow(this.href,'','');return false"><img src="small.jpg"></a>即可