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


Posted in Javascript onAugust 25, 2006
<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>即可
Javascript 相关文章推荐
JavaScript获取和设置CheckBox状态的简单方法
Jul 05 Javascript
解决jquery1.9不支持browser对象的问题
Nov 13 Javascript
jQuery实现图片走马灯效果的原理分析
Jan 16 Javascript
JavaScript中从setTimeout与setInterval到AJAX异步
Feb 13 Javascript
基于Angular.js实现的触摸滑动动画实例代码
Feb 19 Javascript
jquery之基本选择器practice(实例讲解)
Sep 30 jQuery
react中的ajax封装实例详解
Oct 17 Javascript
vue中Element-ui 输入银行账号每四位加一个空格的实现代码
Sep 14 Javascript
JS事件流与事件处理程序实例分析
Aug 16 Javascript
React 父子组件通信的实现方法
Dec 05 Javascript
解决Vue中的生命周期beforeDestory不触发的问题
Jul 21 Javascript
超详细小程序定位地图模块全系列开发教学
Nov 24 Javascript
js获取变量
Aug 24 #Javascript
在b/s开发中经常用到的javaScript技术
Aug 23 #Javascript
两个SUBMIT按钮,如何区分处理
Aug 22 #Javascript
解决 FireFox 下[使用event很麻烦] 的问题.
Aug 22 #Javascript
Javascript客户端脚本的设计和应用
Aug 21 #Javascript
让iframe框架网页在任何浏览器下自动伸缩
Aug 18 #Javascript
去除链接虚线全面分析总结
Aug 15 #Javascript
You might like
全国FM电台频率大全 - 2 天津市
2020/03/11 无线电
一个简单的PHP入门源程序
2006/10/09 PHP
PHP完整的日历类(CLASS)
2006/11/27 PHP
PHP中Date()时间日期函数的使用方法小结
2011/04/20 PHP
PHP使用CURL模拟登录的方法
2015/07/08 PHP
php结合mysql与mysqli扩展处理事务的方法
2016/06/29 PHP
使用WAMP搭建PHP本地开发环境
2017/05/10 PHP
Vagrant(WSL)+PHPStorm+Xdebu 断点调试环境搭建
2019/12/13 PHP
jQuery 研究心得 取得属性的值
2007/11/30 Javascript
JavaScript 创建对象
2009/07/17 Javascript
JQuery 表格操作(交替显示、拖动表格行、选择行等)
2009/07/29 Javascript
基于jquery的固定表头和列头的代码
2012/05/03 Javascript
js实现时间显示几天前、几小时前或者几分钟前的方法集锦
2015/05/29 Javascript
jquery实现浮动在网页右下角的彩票开奖公告窗口代码
2015/09/04 Javascript
Bootstrap实现默认导航栏效果
2020/09/21 Javascript
jQuery插件AjaxFileUpload实现ajax文件上传
2016/05/05 Javascript
a标签跳转到指定div,jquery添加和移除class属性的实现方法
2016/10/10 Javascript
深入解析nodejs HTTP服务
2017/07/25 NodeJs
在Vue methods中调用filters里的过滤器实例
2018/08/30 Javascript
微信小程序下拉框组件使用方法详解
2018/12/28 Javascript
Websocket 向指定用户发消息的方法
2020/01/09 Javascript
Node.js实现批量下载图片简单操作示例
2020/01/18 Javascript
详解Vue的异步更新实现原理
2020/12/22 Vue.js
[10:49]2014国际邀请赛 叨叨刀塔第二期为真正的电竞喝彩
2014/07/21 DOTA
linux环境下安装pyramid和新建项目的步骤
2013/11/27 Python
详解python单例模式与metaclass
2016/01/15 Python
python实现神经网络感知器算法
2017/12/20 Python
python hash每次调用结果不同的原因
2019/11/21 Python
Python底层封装实现方法详解
2020/01/22 Python
波兰数码相机及配件网上商店: Cyfrowe.pl
2017/06/19 全球购物
大学生创业项目方案
2014/03/08 职场文书
经典商业广告词
2014/03/13 职场文书
群众路线班子对照检查材料
2014/09/25 职场文书
教师四风自我剖析材料
2014/09/30 职场文书
教师个人教学反思
2016/02/23 职场文书
python_tkinter弹出对话框创建
2022/03/20 Python