发新话题
打印

弹出自适应图片大小的窗口

弹出自适应图片大小的窗口

<script language="javascript">
<!--
//点击图片弹出自适应图片大小的窗口IE5.0以上,
var imgObj;
function checkImg(theURL,winName){
//对象是否已创建
if (typeof(imgObj) == "object"){
//是否已取得了图像的高度和宽度
if ((imgObj.width != 0) && (imgObj.height != 0))
//根据取得的图像高度和宽度设置弹出窗口的高度与宽度,并打开该窗口
//其中的增量 0 和 0 是设置的窗口边框与图片间的间隔量
OpenFullSizeWindow(theURL,winName, ",width=" + (imgObj.width+0) + ",height=" + (imgObj.height+0));
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,leftmargin=0 topmargin=0";
//调用是否来自 checkImg
if (features == null || features == ""){
//创建图像对象
imgObj = new Image();
//设置图像源
imgObj.src = theURL;
//开始获取图像大小
checkImg(theURL, winName)
}
else{
//打开窗口
aNewWin = window.open(theURL,winName, sBaseCmd + features);
//加载图片,设置网页的左和上的间距为0
aNewWin.document.write("<html><title>图片展示</title><body leftmargin=0 topmargin=0><img src="+theURL+"></body></html>");
//聚焦窗口
aNewWin.focus();
}
}
//-->
</script>
调用方法
<a    href="*.jpg" ><img height="100" src="*.jpg" width="100" border="0" /></a>
可以实现无边框的图片窗口
等我挣了100万我就找个人娶了!哈哈!

TOP

发新话题