又一个图片自动缩小的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 相关文章推荐
基于Jquery与WebMethod投票功能实现代码
Jan 19 Javascript
DOM 中的事件处理介绍
Jan 18 Javascript
jQuery截取指定长度字符串的实现原理及代码
Jul 01 Javascript
jquery插件orbit.js实现图片折叠轮换特效
Apr 14 Javascript
JavaScript用select实现日期控件
Jul 17 Javascript
javascript获取本机操作系统类型的方法
Aug 13 Javascript
巧方法 JavaScript获取超链接的绝对URL地址
Jun 14 Javascript
JavaScript 字符串数字左补位,右补位,取固定长度,截位扩展函数代码
Mar 25 Javascript
vue 设置proxyTable参数进行代理跨域
Apr 09 Javascript
JS Html转义和反转义(html编码和解码)的实现与使用方法总结
Mar 10 Javascript
Vue 如何使用props、emit实现自定义双向绑定的实现
Jun 05 Javascript
解决await在forEach中不起作用的问题
Feb 25 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
一个用于mysql的数据库抽象层函数库
2006/10/09 PHP
默默简单的写了一个模板引擎
2007/01/02 PHP
php session处理的定制
2009/03/16 PHP
Linux下实现PHP多进程的方法分享
2012/08/16 PHP
php和js如何通过json互相传递数据相关问题探讨
2013/02/26 PHP
php 下载保存文件保存到本地的两种实现方法
2013/08/12 PHP
PHP的pcntl多进程用法实例
2015/03/19 PHP
nginx下安装php7+php5
2016/07/31 PHP
用js实现键盘方向键翻页功能的代码
2007/06/03 Javascript
深入理解JavaScript系列(11) 执行上下文(Execution Contexts)
2012/01/15 Javascript
Jquery弹出层插件ThickBox的使用方法
2014/12/09 Javascript
js实现搜索框关键字智能匹配代码
2020/03/26 Javascript
郁闷!ionic中获取ng-model绑定的值为undefined如何解决
2016/08/27 Javascript
node.js+jQuery实现用户登录注册AJAX交互
2017/04/28 jQuery
Bootstrap Table使用整理(五)之分页组合查询
2017/06/09 Javascript
微信小程序实现简单input正则表达式验证功能示例
2017/11/30 Javascript
jQuery与vue实现拖动验证码功能
2018/01/30 jQuery
nodejs微信开发之接入指南
2019/03/17 NodeJs
javascript(基于jQuery)实现鼠标获取选中的文字示例【测试可用】
2019/10/26 jQuery
python实现简单ftp客户端的方法
2015/06/28 Python
python字符串string的内置方法实例详解
2018/05/14 Python
python3实现163邮箱SMTP发送邮件
2018/05/22 Python
Python中dict和set的用法讲解
2019/03/28 Python
英国婴儿和儿童服装网站:Vertbaudet
2018/04/02 全球购物
大码女装:Ulla Popken
2019/08/06 全球购物
RUIFIER官网:英国奢侈高级珠宝品牌
2020/06/12 全球购物
在使用非全零作为空指针内部表达的机器上, NULL是如何定义
2014/11/09 面试题
公司合作意向书
2014/04/01 职场文书
户籍证明模板
2014/09/28 职场文书
党的群众路线教育实践活动党员个人剖析材料
2014/10/08 职场文书
毕业生党员个人总结
2015/02/14 职场文书
送达通知书
2015/04/25 职场文书
刑事辩护词范文
2015/05/21 职场文书
于丹论语心得观后感
2015/06/15 职场文书
创业计划书之便利店
2019/09/05 职场文书
python使用shell脚本创建kafka连接器
2022/04/29 Python