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


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 相关文章推荐
Jquery 组合form元素为json格式,asp.net反序列化
Jul 09 Javascript
JS实现可改变列宽的table实例
Jul 02 Javascript
js中创建对象的几种方式示例介绍
Jan 26 Javascript
js浏览器本地存储store.js介绍及应用
May 13 Javascript
javascript实现ecshop搜索框键盘上下键切换控制
Mar 18 Javascript
jquery实现仿新浪微博带动画效果弹出层代码(可关闭、可拖动)
Oct 12 Javascript
jQuery+canvas实现的球体平抛及颜色动态变换效果
Jan 28 Javascript
JavaScript之Vue.js【入门基础】
Dec 06 Javascript
看看“疫苗查询”小程序有温度的代码
Jul 31 Javascript
vue.js input框之间赋值方法
Aug 24 Javascript
ES6 新增的创建数组的方法(小结)
Aug 01 Javascript
小程序实现密码输入框
Nov 16 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
php生成WAP页面
2006/10/09 PHP
ADODB类使用
2006/11/25 PHP
php和editplus正则表达式去除空白行
2015/04/17 PHP
PHP应用跨时区功能的实现方法
2019/03/21 PHP
jquery实现导航固定顶部的效果仿蘑菇街
2014/10/22 Javascript
bootstrap table 服务器端分页例子分享
2015/02/10 Javascript
jQuery绑定自定义事件的魔法升级版
2016/06/30 Javascript
select自定义小三角样式代码(实用总结)
2017/08/18 Javascript
node.js之基础加密算法模块crypto详解
2018/09/11 Javascript
详解ESLint在Vue中的使用小结
2018/10/15 Javascript
微信小程序外卖选购页实现切换分类与数量加减功能案例
2019/01/15 Javascript
JS实现容器模块左右拖动效果
2020/01/14 Javascript
Nuxt的路由动画效果案例
2020/11/06 Javascript
[01:43]倾听DOTA2英雄之声 魅惑魔女国服配音鉴赏
2013/06/06 DOTA
python检查字符串是否是正确ISBN的方法
2015/07/11 Python
Python入门_浅谈数据结构的4种基本类型
2017/05/16 Python
使用paramiko远程执行命令、下发文件的实例
2017/10/01 Python
Numpy之文件存取的示例代码
2018/08/03 Python
CentOS下Python3的安装及创建虚拟环境的方法
2018/11/28 Python
在PyCharm下使用 ipython 交互式编程的方法
2019/01/17 Python
Python定义函数时参数有默认值问题解决
2019/12/19 Python
python通过opencv实现图片裁剪原理解析
2020/01/19 Python
python GUI库图形界面开发之PyQt5打开保存对话框QFileDialog详细使用方法与实例
2020/02/27 Python
python如何判断IP地址合法性
2020/04/05 Python
Python BeautifulReport可视化报告代码实例
2020/04/13 Python
python 如何引入协程和原理分析
2020/11/30 Python
中东奢侈品市场:Coveti
2019/05/12 全球购物
《三峡》教学反思
2014/03/01 职场文书
诚信承诺书模板
2014/05/26 职场文书
销售经理岗位职责范本
2015/04/02 职场文书
2015年仓库管理员工作总结
2015/04/21 职场文书
2016大学生毕业实习心得体会
2016/01/23 职场文书
mybatis 获取无数据的字段不显示的问题
2021/07/15 Java/Android
5个pandas调用函数的方法让数据处理更加灵活自如
2022/04/24 Python
关于vue-router-link选择样式设置
2022/04/30 Vue.js
python绘制云雨图raincloud plot
2022/08/05 Python