又一个图片自动缩小的JS代码


Posted in Javascript onMarch 10, 2007

<script language="JavaScript"> 
<!-- 
var flag=false; 
function DrawImage(ImgD){ 
var image=new Image(); 
image.src=ImgD.src; 
if(image.width>0 && image.height>0){ 
  flag=true; 
  if(image.width/image.height>= 180/110){ 
   if(image.width>180){
    ImgD.width=180; 
    ImgD.height=(image.height*110)/image.width; 
   }else{ 
    ImgD.width=image.width;
    ImgD.height=image.height; 
   } 
   /*ImgD.alt="bigpic"  */
  } 
  else{ 
   if(image.height>110){
    ImgD.height=110; 
    ImgD.width=(image.width*110)/image.height; 
   }else{ 
    ImgD.width=image.width;
    ImgD.height=image.height; 
   } 
    /*ImgD.alt="bigpic"  */ 
  } 
}
}
//--> 
</script>

图片使用的地方:
<img src="图片" border=0 width="180" height="110" onload="JavaScriptrawImage(this);">
width="180" height="110"  注意这里最好限定,如果不限定加载图时会成原大,然后再缩小,这个过程如果图大了很难看的.这里是宽度和高度,在前面的JS里改,这里也作相应的改.

Javascript 相关文章推荐
event对象获取方法总结在google浏览器下测试
Nov 03 Javascript
从js向Action传中文参数出现乱码问题的解决方法
Dec 29 Javascript
JavaScript动态加载样式表的方法
Mar 21 Javascript
javascript实现点击提交按钮后显示loading的方法
Jul 03 Javascript
JS使用正则截取两个字符串之间的字符串实现方法详解
Jan 06 Javascript
JQ图片文件上传之前预览功能的简单实例(分享)
Nov 12 Javascript
浅析vue深复制
Jan 29 Javascript
详解刷新页面vuex数据不消失和不跳转页面的解决
Jan 30 Javascript
基于vue-simplemde实现图片拖拽、粘贴功能
Apr 12 Javascript
详解vue填坑之解决部分浏览器不支持pushState方法
Jul 12 Javascript
javascript设计模式 ? 适配器模式原理与应用实例分析
Apr 13 Javascript
vue使用video插件vue-video-player详解
Oct 23 Javascript
基础的prototype.js常用函数及其用法
Mar 10 #Javascript
优秀js开源框架-jQuery使用手册(1)
Mar 10 #Javascript
用JavaScript实现仿Windows关机效果
Mar 10 #Javascript
Javascript中的Split使用方法与技巧
Mar 09 #Javascript
用JavaScript事件串连执行多个处理过程的方法
Mar 09 #Javascript
一个不错的用JavaScript实现的UBB编码函数
Mar 09 #Javascript
B/S开发中常用javaScript技术与代码
Mar 09 #Javascript
You might like
PHP调用MySQL的存储过程的实现代码
2008/08/12 PHP
详谈PHP文件目录基础操作
2014/11/11 PHP
PHP高效获取远程图片尺寸和大小的实现方法
2017/10/20 PHP
PHP lcfirst()函数定义与用法
2019/03/08 PHP
jQuery 事件队列调整方法
2009/09/18 Javascript
javascript学习笔记(三)显示当时时间的代码
2011/04/08 Javascript
JS.elementGetStyle(element, style)应用示例
2013/09/24 Javascript
JavaScript网页定位详解
2014/01/13 Javascript
jQuery实现简单的日期输入格式化控件
2015/03/12 Javascript
Javascript中作用域的详细介绍
2016/10/06 Javascript
JavaScript中object和Object的区别(详解)
2017/02/27 Javascript
Vue 中批量下载文件并打包的示例代码
2017/11/20 Javascript
微信小程序开发之自定义tabBar的实现
2018/09/06 Javascript
详解微信小程序实现跑马灯效果(附完整代码)
2019/04/29 Javascript
jQuery子选择器与可见性选择器实例分析
2019/06/28 jQuery
基于Vue 撸一个指令实现拖拽功能
2019/10/09 Javascript
[56:56]VG vs LGD 2019国际邀请赛淘汰赛 胜者组 BO3 第一场 8.22
2019/09/05 DOTA
Python实现的检测web服务器健康状况的小程序
2014/09/17 Python
合并百度影音的离线数据( with python 2.3)
2015/08/04 Python
利用pyinstaller或virtualenv将python程序打包详解
2017/03/22 Python
Python中.py文件打包成exe可执行文件详解
2017/03/22 Python
Python爬取数据并写入MySQL数据库的实例
2018/06/21 Python
Python完全识别验证码自动登录实例详解
2019/11/24 Python
OpenCV里的imshow()和Matplotlib.pyplot的imshow()的实现
2019/11/25 Python
The Hut德国站点:时装、家居用品、美容等
2016/09/23 全球购物
Smallable英国家庭概念店:设计师童装及家居装饰
2017/07/05 全球购物
荷兰皇家航空公司官方网站:KLM Royal Dutch Airlines
2017/12/07 全球购物
Gerry Weber德国官网:优质女性时装,德国最大的时装公司之一
2019/11/02 全球购物
高级电工工作职责
2013/11/21 职场文书
2014年计算机专业个人自我评价
2014/01/19 职场文书
岗位职责风险防控
2014/02/18 职场文书
行政执法作风整顿剖析材料
2014/10/11 职场文书
夫妻分居协议书范本
2014/11/28 职场文书
公司开除员工通知
2015/04/22 职场文书
高中政治教学反思
2016/02/23 职场文书
linux目录管理方法介绍
2022/06/01 Servers