首頁  >  文章  >  web前端  >  新页面打开实际尺寸的图片_图象特效

新页面打开实际尺寸的图片_图象特效

WBOY
WBOY原創
2016-05-16 19:27:041027瀏覽
复制代码 代码如下:

<script> <BR><!-- <BR>var imgObj; <BR>function checkImg(theURL,winName){ <BR> if (typeof(imgObj) == "object"){ <BR> // 是否已取得了图像的高度和宽度 <BR> if ((imgObj.width != 0) && (imgObj.height != 0)) <BR> // 根据取得的图像高度和宽度设置弹出窗口的高度与宽度,并打开该窗口 <BR> // 其中的增量 20 和 30 是设置的窗口边框与图片间的间隔量 <BR> OpenFullSizeWindow(theURL,winName, ",width=" + (imgObj.width+20) + ",height=" + (imgObj.height+30)); <BR> else <BR> // 因为通过 Image 对象动态装载图片,不可能立即得到图片的宽度和高度,所以每隔100毫秒重复调用检查 <BR> setTimeout("checkImg('" + theURL + "','" + winName + "')", 100) <BR> } <BR>} <br><br>function OpenFullSizeWindow(theURL,winName,features) { <BR> var aNewWin, sBaseCmd; <BR> // 弹出窗口外观参数 <BR> sBaseCmd = "toolbar=no,location=no,status=no,menubar=no,scrollbars=no,resizable=no,"; <BR> // 调用是否来自 checkImg <BR> if (features == null || features == ""){ <BR> // 创建图像对象 <BR> imgObj = new Image(); <BR> // 设置图像源 <BR> imgObj.src = theURL; <BR> // 开始获取图像大小 <BR> checkImg(theURL, winName) <BR> } <BR> else{ <BR> // 打开窗口 <BR> aNewWin = window.open(theURL,winName, sBaseCmd + features); <BR> // 聚焦窗口 <BR> aNewWin.focus(); <BR> } <BR>} <BR>//--> <BR></script>


使用时将上面的代码放在网页文档的标记对中,然后在链接的点击事件中调用OpenFullSizeWindow函数,如新页面打开实际尺寸的图片_图象特效即可
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn