又一个图片自动缩小的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
Nov 25 Javascript
JavaScript高级教程5.6之基本包装类型(详细)
Nov 23 Javascript
js 获取当前web应用的上下文路径实现方法
Aug 19 Javascript
JQuery PHP图片在线裁剪实例
Jul 27 Javascript
JS实现的相册图片左右滚动完整实例
Nov 23 Javascript
js清除浏览器缓存的几种方法
Mar 15 Javascript
BootStrap的双日历时间控件使用
Jul 25 Javascript
javascript计算对象长度的方法
Oct 25 Javascript
vue中的scope使用详解
Oct 29 Javascript
小程序实现自定义导航栏适配完美版
Apr 02 Javascript
VueCli4项目配置反向代理proxy的方法步骤
May 17 Javascript
Javascript中async与await的捕捉错误详解
Mar 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
封装一个PDO数据库操作类代码
2009/09/09 PHP
解析link_mysql的php版
2013/06/30 PHP
php实现用于验证所有类型的信用卡类
2015/03/24 PHP
php实现短信发送代码
2015/07/05 PHP
10个对初学者非常有用的PHP技巧
2016/04/06 PHP
php微信开发之自定义菜单实现
2016/11/18 PHP
JavaScript使用技巧精萃[代码非常实用]
2008/11/21 Javascript
JavaScript中的私有/静态属性介绍
2012/07/26 Javascript
Jquery实现仿腾讯微博发表广播
2014/11/17 Javascript
BootStrap 智能表单实战系列(二)BootStrap支持的类型简介
2016/06/13 Javascript
jquery对Json的各种遍历方法总结(必看篇)
2016/09/29 Javascript
jquery分页插件pagination使用教程
2018/10/23 jQuery
js实现上传图片并显示图片名称
2019/12/18 Javascript
JavaScript实现打砖块游戏
2020/02/25 Javascript
微信小程序实现搜索框功能及踩过的坑
2020/06/19 Javascript
[01:04:14]OG vs Winstrike 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
在Python中使用HTML模版的教程
2015/04/29 Python
python中的lambda表达式用法详解
2016/06/22 Python
在vscode中配置python环境过程解析
2019/09/28 Python
Python 转换RGB颜色值的示例代码
2019/10/13 Python
pandas和spark dataframe互相转换实例详解
2020/02/18 Python
python如何处理程序无法打开
2020/06/16 Python
Python将QQ聊天记录生成词云的示例代码
2021/02/10 Python
HTML5 Canvas中绘制矩形实例
2015/01/01 HTML / CSS
Canvas绘制浮动球效果的示例
2017/12/29 HTML / CSS
THE OUTNET英国官网:国际设计师品牌折扣网站
2016/08/14 全球购物
JustFab加拿大:女鞋、靴子、手袋和服装在线
2018/05/18 全球购物
捷克钓鱼用品网上商店:Parys.cz
2018/06/15 全球购物
JD Sports比利时官网:英国领先的运动鞋和运动服饰零售商
2018/10/10 全球购物
大学生新闻专业个人自我评价
2013/11/12 职场文书
公司租房协议书
2014/10/14 职场文书
婚宴来宾致辞
2015/07/28 职场文书
手术室消毒隔离制度
2015/08/05 职场文书
pytorch fine-tune 预训练的模型操作
2021/06/03 Python
python-opencv 中值滤波{cv2.medianBlur(src, ksize)}的用法
2021/06/05 Python
CSS 左边固定宽右边自适应的6种方法
2022/05/15 HTML / CSS