又一个图片自动缩小的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 25 Javascript
javascript设计模式之工厂模式示例讲解
Mar 04 Javascript
jQuery 1.9移除了$.browser可以使用$.support来替代
Sep 03 Javascript
Jquery基础教程之DOM操作
Aug 19 Javascript
详解AngularJS中module模块的导入导出
Dec 10 Javascript
JavaScript判断用户名和密码不能为空的实现代码
May 16 Javascript
12306 刷票脚本及稳固刷票脚本(防挂)
Jan 04 Javascript
JavaScript中数组Array方法详解
Feb 27 Javascript
浅谈通过JS拦截 pushState和replaceState事件
Jul 21 Javascript
jquery 时间戳转日期过程详解
Oct 12 jQuery
原生JS与JQ获取元素的区别详解
Feb 13 Javascript
vue键盘事件点击事件加native操作
Jul 27 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
PHP5 操作MySQL数据库基础代码
2009/09/29 PHP
PHP中call_user_func_array()函数的用法演示
2012/02/05 PHP
关于更改Zend Studio/Eclipse代码风格主题的介绍
2013/06/23 PHP
php实现留言板功能(代码详解)
2017/03/28 PHP
laravel 中如何使用ajax和vue总结
2017/08/16 PHP
实例介绍PHP删除数组中的重复元素
2019/03/03 PHP
Javascript UrlDecode函数代码
2010/01/09 Javascript
ExtJs使用IFrame的实现代码
2010/03/24 Javascript
让textarea自动调整大小的js代码
2011/04/12 Javascript
jQuery常见开发技巧详细整理
2013/01/02 Javascript
jQuery函数的等价原生函数代码示例
2013/05/27 Javascript
纯文字版返回顶端的js代码
2013/08/01 Javascript
javascript常用经典算法详解
2017/01/11 Javascript
JavaScript中捕获与冒泡详解及实例
2017/02/03 Javascript
Angular使用$http.jsonp发送跨站请求的方法
2017/03/16 Javascript
js防刷新的倒计时代码 js倒计时代码
2017/09/06 Javascript
vue小白入门教程
2018/04/02 Javascript
JavaScript之数组扁平化详解
2019/06/03 Javascript
jquery操作checkbox的常用方法总结【附测试源码下载】
2019/06/10 jQuery
python的类方法和静态方法
2014/12/13 Python
使用70行Python代码实现一个递归下降解析器的教程
2015/04/17 Python
python多进程共享变量
2016/04/06 Python
python图书管理系统
2020/04/05 Python
python多任务及返回值的处理方法
2019/01/22 Python
pytorch进行上采样的种类实例
2020/02/18 Python
python开发一个解析protobuf文件的简单编译器
2020/11/17 Python
详解HTML5 LocalStorage 本地存储
2016/12/23 HTML / CSS
德国足球商店:OUTFITTER
2019/05/06 全球购物
中专毕业自我鉴定
2013/10/16 职场文书
项目投资合作意向书
2014/07/29 职场文书
永远跟党走演讲稿
2014/09/12 职场文书
党组织领导班子整改方案
2014/10/25 职场文书
李白故里导游词
2015/02/12 职场文书
2015年基层党建工作汇报材料
2015/06/25 职场文书
解决python绘图使用subplots出现标题重叠的问题
2021/04/30 Python
分享几个简单MySQL优化小妙招
2022/03/31 MySQL