又一个图片自动缩小的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 相关文章推荐
js form 验证函数 当前比较流行的错误提示
Jun 23 Javascript
JS命名空间的另一种实现
Aug 09 Javascript
display和visibility的区别示例介绍
Feb 26 Javascript
JQuery实现动态表格点击按钮表格增加一行
Aug 24 Javascript
jQuery中:not选择器用法实例
Dec 30 Javascript
理解Javascript图片预加载
Feb 23 Javascript
bootstrap table方法之expandRow-collapseRow展开或关闭当前行数据
Aug 09 Javascript
微信小程序实现图片上传、删除和预览功能的方法
Dec 18 Javascript
js中getBoundingClientRect的作用及兼容方案详解
Feb 01 Javascript
封装一下vue中的axios示例代码详解
Feb 16 Javascript
解决vue中axios设置超时(超过5分钟)没反应的问题
Sep 04 Javascript
Ant-design-vue Table组件customRow属性的使用说明
Oct 28 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 分页函数multi() discuz
2009/06/21 PHP
几款免费开源的不用数据库的php的cms
2010/12/19 PHP
解析如何修改phpmyadmin中的默认登陆超时时间
2013/06/25 PHP
将酷狗krc歌词解析并转换为lrc歌词php源码
2014/06/20 PHP
Laravel框架基础语法与知识点整理【模板变量、输出、include引入子视图等】
2019/12/03 PHP
img的onload的另类用法
2008/01/10 Javascript
基于jquery的设置页面文本框 只能输入数字的实现代码
2011/04/19 Javascript
仿谷歌主页js动画效果实现代码
2013/07/14 Javascript
js为数字添加逗号并格式化数字的代码
2013/08/23 Javascript
jquery设置元素的readonly和disabled的写法
2013/09/22 Javascript
js改变embed标签src值的方法
2015/04/10 Javascript
JavaScript图像延迟加载库Echo.js
2016/04/05 Javascript
AngularJS API之copy深拷贝详解及实例
2016/09/14 Javascript
浅析jsopn跨域请求原理及cors(跨域资源共享)的完美解决方法
2017/02/06 Javascript
vuejs 切换导航条高亮(路由菜单高亮)的方法示例
2018/05/29 Javascript
微信小程序tabBar 返回tabBar不刷新页面
2019/07/25 Javascript
vue点击页面空白处实现保存功能
2019/11/06 Javascript
python numpy 部分排序 寻找最大的前几个数的方法
2018/06/27 Python
python中多个装饰器的执行顺序详解
2018/10/08 Python
python re正则匹配网页中图片url地址的方法
2018/12/20 Python
Django中如何防范CSRF跨站点请求伪造攻击的实现
2019/04/28 Python
Python一行代码实现快速排序的方法
2019/04/30 Python
python3实现猜数字游戏
2020/12/07 Python
Python何时应该使用Lambda函数
2019/07/02 Python
微信公众号token验证失败解决方案
2019/07/22 Python
python中如何使用insert函数
2020/01/09 Python
一文轻松掌握python语言命名规范规则
2020/06/18 Python
纯CSS3实现的井字棋游戏
2020/11/25 HTML / CSS
AmazeUI框架搭建的方法步骤(图文)
2020/08/17 HTML / CSS
老总助理工作岗位职责
2014/02/06 职场文书
《童趣》教学反思
2014/02/19 职场文书
企业承诺书怎么写
2014/05/24 职场文书
英文演讲稿开场白
2014/08/25 职场文书
入党个人总结范文
2015/03/02 职场文书
2016秋季小学开学寄语
2015/12/03 职场文书
浅谈mysql增加索引不生效的几种情况
2021/06/23 MySQL