又一个图片自动缩小的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 31 Javascript
js验证IP及子网掩码的合法性有效性示例
Apr 30 Javascript
jQuery 获取、设置HTML或TEXT内容的两种方法
May 23 Javascript
JavaScript的内存释放问题详解
Jan 21 Javascript
jQuery定义背景动态切换效果的方法
Mar 23 Javascript
使用C++为node.js写扩展模块
Apr 22 Javascript
深入理解node exports和module.exports区别
Jun 01 Javascript
underscore之Chaining_动力节点Java学院整理
Jul 10 Javascript
vue移动端html5页面根据屏幕适配的四种解决方法
Oct 19 Javascript
JS面向对象编程——ES6 中class的继承用法详解
Mar 03 Javascript
浅析JavaScript 函数防抖和节流
Jul 13 Javascript
用webAPI实现图片放大镜效果
Nov 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
JS实现php的伪分页
2008/05/25 PHP
Linux下 php5 MySQL5 Apache2 phpMyAdmin ZendOptimizer安装与配置[图文]
2008/11/18 PHP
php 生成文字png图片的代码
2011/04/17 PHP
php入门之连接mysql数据库的一个类
2012/04/21 PHP
php中根据变量的类型 选择echo或dump
2012/07/05 PHP
PHP 类相关函数的使用详解
2013/05/10 PHP
thinkPHP批量删除的实现方法分析
2016/11/09 PHP
PHP开发之归档格式phar文件概念与用法详解【创建,使用,解包还原提取】
2017/11/17 PHP
常见表单重复提交问题整理及解决方法
2013/11/13 Javascript
jquery淡化版banner异步图片文字效果切换图片特效
2014/04/08 Javascript
jQuery模拟360浏览器切屏效果幻灯片(附demo源码下载)
2016/01/29 Javascript
Jquery Easyui选项卡组件Tab使用详解(10)
2016/12/18 Javascript
浅谈js中同名函数和同名变量的执行问题
2017/02/12 Javascript
NodeJs模拟登陆正方教务
2017/04/28 NodeJs
想用好React的你必须要知道的一些事情
2017/07/24 Javascript
Vue.directive 自定义指令的问题小结
2018/03/04 Javascript
js实现敏感词过滤算法及实现逻辑
2018/07/24 Javascript
Vue.js实现数据响应的方法
2018/08/13 Javascript
jQuery实现合并表格单元格中相同行操作示例
2019/01/28 jQuery
JavaScript惰性载入函数实例分析
2019/03/27 Javascript
[36:52]DOTA2真视界:基辅特锦赛总决赛
2017/05/21 DOTA
django实现前后台交互实例
2017/08/07 Python
Python cookbook(数据结构与算法)找出序列中出现次数最多的元素算法示例
2018/03/15 Python
Python+selenium实现自动循环扔QQ邮箱漂流瓶
2018/05/29 Python
Python3模拟登录操作实例分析
2019/03/12 Python
Python3.5集合及其常见运算实例详解
2019/05/01 Python
Python-openCV读RGB通道图实例
2020/01/17 Python
Python批量将图片灰度化的实现代码
2020/04/11 Python
VS2019+python3.7+opencv4.1+tensorflow1.13配置详解
2020/04/16 Python
Python如何优雅删除字符列表空字符及None元素
2020/06/25 Python
如何基于Python按行合并两个txt
2020/11/03 Python
python 通过exifread读取照片信息
2020/12/24 Python
国际鲜花速递专家:Floraqueen
2016/11/24 全球购物
2015年英语教学工作总结
2015/05/25 职场文书
世界名著读书笔记
2015/06/25 职场文书
使用compose函数优化代码提高可读性及扩展性
2022/06/16 Javascript