又一个图片自动缩小的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 相关文章推荐
Discuz! 6.1_jQuery兼容问题
Sep 23 Javascript
JavaScript.The.Good.Parts阅读笔记(一)假值与===运算符
Nov 16 Javascript
原生js实现改变随意改变div属性style的名称和值的结果
Sep 26 Javascript
js判断主流浏览器类型和版本号的简单实现代码
May 26 Javascript
jquery设置表单元素为不可用的简单代码
Jul 04 Javascript
javascript稀疏数组(sparse array)和密集数组用法分析
Dec 28 Javascript
使用jQuery监听扫码枪输入并禁止手动输入的实现方法(推荐)
Mar 21 jQuery
在vue-cli中组件通信的方法
Dec 16 Javascript
vue 2.0 购物车小球抛物线的示例代码
Feb 01 Javascript
JavaScript 中定义函数用 var foo = function () {} 和 function foo()区别介绍
Mar 01 Javascript
vue-cli history模式实现tomcat部署报404的解决方式
Sep 06 Javascript
详解vue-router的Import异步加载模块问题的解决方案
May 13 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&amp;mysql(三)
2006/10/09 PHP
php 删除记录同时删除图片文件的实现代码
2010/05/12 PHP
PHP计算日期相差天数实例分析
2016/02/23 PHP
php结合mysql与mysqli扩展处理事务的方法
2016/06/29 PHP
给大家分享几个常用的PHP函数
2017/01/15 PHP
php7连接MySQL实现简易查询程序的方法
2020/10/13 PHP
关于js中window.location.href,location.href,parent.location.href,top.location.href的用法与区别
2010/10/18 Javascript
form表单只提交数据而不进行页面跳转的解决方案
2013/09/18 Javascript
JavaScript实现url地址自动检测并添加URL链接示例代码
2013/11/12 Javascript
如何判断元素是否为HTMLElement元素
2013/12/06 Javascript
理解AngularJs指令
2015/12/10 Javascript
JavaScript 拖拽实例代码
2016/09/21 Javascript
详解如何较好的使用js
2016/12/16 Javascript
Jquery Easyui进度条组件Progress使用详解(8)
2020/03/26 Javascript
原生js实现倒计时功能(多种格式调用)
2017/01/12 Javascript
js时间戳格式化成日期格式的多种方法介绍
2017/02/16 Javascript
element ui里dialog关闭后清除验证条件方法
2018/02/26 Javascript
vue完成项目后,打包成静态文件的方法
2018/09/03 Javascript
在vue中实现点击选择框阻止弹出层消失的方法
2018/09/15 Javascript
vue cli3适配所有端方案的实现
2020/04/13 Javascript
[03:17]2016完美“圣”典风云人物:冷冷专访
2016/12/08 DOTA
[04:51]TI10典藏宝瓶Ⅱ外观视频展示
2020/08/15 DOTA
python BeautifulSoup使用方法详解
2013/11/21 Python
Python实现按照指定要求逆序输出一个数字的方法
2018/04/19 Python
python实现小球弹跳效果
2019/05/10 Python
python3-flask-3将信息写入日志的实操方法
2019/11/12 Python
使用python实现哈希表、字典、集合操作
2019/12/22 Python
Python气泡提示与标签的实现
2020/04/01 Python
python3中数组逆序输出方法
2020/12/01 Python
利用Python批量识别电子账单数据的方法
2021/02/08 Python
Travelstart沙特阿拉伯:廉价航班、豪华酒店和实惠的汽车租赁优惠
2019/04/06 全球购物
汽车制造与装配专业自荐信范文
2014/01/02 职场文书
车队司机自我鉴定
2014/03/02 职场文书
社会治安综合治理责任书
2015/01/29 职场文书
创业计划书之酒店
2019/08/30 职场文书
vue组件的路由高亮问题解决方法
2021/05/11 Vue.js