又一个图片自动缩小的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 相关文章推荐
在JavaScript中使用inline函数的问题
Mar 08 Javascript
js中将具有数字属性名的对象转换为数组
Mar 06 Javascript
两个数组去重的JS代码
Dec 04 Javascript
Javascript中的默认参数详解
Oct 22 Javascript
使用JQuery FancyBox插件实现图片展示特效
Nov 16 Javascript
JavaScript Uploadify文件上传实例
Feb 28 Javascript
JS 实现分页打印功能
May 16 Javascript
React父子组件间的传值的方法
Nov 13 Javascript
微信小程序实现时间预约功能
Nov 27 Javascript
Node.js+ELK日志规范的实现
May 23 Javascript
JS实现的进制转换,浮点数相加,数字判断操作示例
Nov 09 Javascript
JS实现图片切换特效
Dec 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打开文件fopen函数的使用说明
2013/07/05 PHP
jQuery Mobile + PHP实现文件上传
2014/12/12 PHP
UPUPW 更新 64 位 Apache 系列 PHP 7.0 正式版
2015/12/08 PHP
利用php做服务器和web前端的界面进行交互
2016/10/31 PHP
搜索附近的人PHP实现代码
2018/02/11 PHP
Prototype使用指南之hash.js
2007/01/10 Javascript
Locate a File Using a File Open Dialog Box
2007/06/18 Javascript
javascript 动态数据下的锚点错位问题解决方法
2008/12/24 Javascript
基于jQuery的图片左右无缝滚动插件
2012/05/23 Javascript
jquery延迟加载外部js实现代码
2013/01/11 Javascript
如何实现修改密码时密码框显示保存到cookie的密码
2013/12/10 Javascript
特殊情况下如何获取span里面的值
2014/05/20 Javascript
使用GruntJS构建Web程序之合并压缩篇
2014/06/06 Javascript
jquery实现仿JqueryUi可拖动的DIV实例
2015/07/31 Javascript
jquery实现浮动在网页右下角的彩票开奖公告窗口代码
2015/09/04 Javascript
Ext JS框架程序中阻止键盘触发回退或者刷新页面的代码分享
2016/06/07 Javascript
layui前端框架之table表数据的刷新方法
2018/08/17 Javascript
Vue2.0生命周期的理解
2018/08/20 Javascript
JavaScript数据结构与算法之基本排序算法定义与效率比较【冒泡、选择、插入排序】
2019/02/21 Javascript
使用Angular9和TypeScript开发RPG游戏的方法
2020/03/25 Javascript
tensorflow创建变量以及根据名称查找变量
2018/03/10 Python
Python使用爬虫抓取美女图片并保存到本地的方法【测试可用】
2018/08/30 Python
python 处理数字,把大于上限的数字置零实现方法
2019/01/28 Python
Python和Java的语法对比分析语法简洁上python的确完美胜出
2019/05/10 Python
解决Python正则表达式匹配反斜杠''\''问题
2019/07/17 Python
解决使用export_graphviz可视化树报错的问题
2019/08/09 Python
详解KMP算法以及python如何实现
2020/09/18 Python
html5教程画矩形代码分享
2013/12/04 HTML / CSS
中国京东和泰国中央集团合资的网站:JD CENTRAL
2020/08/22 全球购物
英国自行车商店:AW Cycles
2021/02/24 全球购物
SQL数据库笔试题
2016/03/08 面试题
升职自荐信范文
2013/10/05 职场文书
简历中自我评价怎么写
2014/02/12 职场文书
村级环境卫生整治方案
2014/05/04 职场文书
最美孝心少年事迹材料
2014/08/15 职场文书
股东合作协议书
2014/09/12 职场文书