新页面打开实际尺寸的图片

      2019-10-21 22:10      编程语言
复制代码 代码如下:
<scriptlanguage="JavaScript"type="text/JavaScript">
<!--
varimgObj;
functioncheckImg(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)
}
}

functionOpenFullSizeWindow(theURL,winName,features){
varaNewWin,sBaseCmd;
//弹出窗口外观参数
sBaseCmd="toolbar=no,location=no,status=no,menubar=no,scrollbars=no,resizable=no,";
//调用是否来自checkImg
if(features==null||features==""){
//创建图像对象
imgObj=newImage();
//设置图像源
imgObj.src=theURL;
//开始获取图像大小
checkImg(theURL,winName)
}
else{
//打开窗口
aNewWin=window.open(theURL,winName,sBaseCmd+features);
//聚焦窗口
aNewWin.focus();
}
}
//-->
</script>


使用时将上面的代码放在网页文档的<head></head>标记对中,然后在链接的点击事件中调用OpenFullSizeWindow函数,如<ahref="fullsize.jpg"onClick="OpenFullSizeWindow(this.href,'','');returnfalse"><imgsrc="small.jpg"></a>即可

上一篇:prototype class详解

下一篇:js获取变量