又一个图片自动缩小的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打字小游戏代码
Dec 26 Javascript
js循环改变div颜色具体方法
Jun 25 Javascript
让元素在网页中可拖动示例代码
Aug 13 Javascript
JavaScript中字符串分割函数split用法实例
Apr 07 Javascript
jquery实现横向图片轮播特效代码分享
Nov 19 Javascript
js调用父框架函数与弹窗调用父页面函数的简单方法
Nov 01 Javascript
详解微信小程序 wx.uploadFile 的编码坑
Jan 23 Javascript
原生JavaScript实现AJAX、JSONP
Feb 07 Javascript
JS实现的五级联动菜单效果完整实例
Feb 23 Javascript
微信小程序实现手势图案锁屏功能
Jan 30 Javascript
React降级配置及Ant Design配置详解
Dec 27 Javascript
JavaScript的console命令使用实例
Dec 03 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
第十一节--重载
2006/11/16 PHP
把1316这个数表示成两个数的和,其中一个为13的倍数,另一个是11的倍数,求这两个数。
2011/06/24 PHP
php数组相加 array(“a”)+array(“b”)结果还是array(“a”)
2012/09/19 PHP
PHP中的按位与和按位或操作示例
2014/01/27 PHP
Yii使用find findAll查找出指定字段的实现方法
2014/09/05 PHP
PHP、Python和Javascript的装饰器模式对比
2015/02/03 PHP
php中实现获取随机数组列表的自定义函数
2015/04/02 PHP
php ucwords() 函数将字符串中每个单词的首字符转换为大写(实现代码)
2016/05/12 PHP
php使用文本统计访问量的方法
2016/05/12 PHP
[原创]php简单隔行变色功能实现代码
2016/07/09 PHP
PHP yii实现model添加默认值的方法(两种方法)
2016/11/10 PHP
PHP单例模式定义与使用实例详解
2017/02/06 PHP
javascript编程起步(第五课)
2007/01/10 Javascript
showModalDialog在谷歌浏览器下会返回Null的解决方法
2013/11/27 Javascript
JavaScript实现的多种鼠标拖放效果
2015/11/03 Javascript
jquery validate.js表单验证入门实例(附源码)
2015/11/10 Javascript
AngularJS开发教程之控制器之间的通信方法分析
2016/12/25 Javascript
jquery对象与DOM对象转化
2017/02/08 Javascript
微信扫码支付零云插件版实例详解
2017/04/26 Javascript
vue2.0 computed 计算list循环后累加值的实例
2018/03/07 Javascript
Vue 中文本内容超出规定行数后展开收起的处理的实现方法
2019/04/28 Javascript
VUE 项目在IE11白屏报错 SCRIPT1002: 语法错误的解决
2020/09/27 Javascript
Python中map和列表推导效率比较实例分析
2015/06/17 Python
Python 中Pickle库的使用详解
2018/02/24 Python
利用python如何处理百万条数据(适用java新手)
2018/06/06 Python
Numpy中的mask的使用
2018/07/21 Python
如何在Django项目中引入静态文件
2019/07/26 Python
Python使用Selenium模拟浏览器自动操作功能
2020/09/08 Python
Html5大文件断点续传实现方法
2015/12/05 HTML / CSS
黄河的主人教学反思
2014/02/07 职场文书
学生鉴定评语大全
2014/05/05 职场文书
婚庆答谢词大全
2015/09/29 职场文书
2016寒假社会实践心得体会范文
2015/10/09 职场文书
工作违纪的检讨书范文
2019/07/09 职场文书
Python预测分词的实现
2021/06/18 Python
flex弹性布局详解
2022/03/20 HTML / CSS