又一个图片自动缩小的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 28 Javascript
js调用后台servlet方法实例
Jun 09 Javascript
jquery实现人性化的有选择性禁用鼠标右键
Jun 30 Javascript
js获取当前日期前七天的方法
Feb 28 Javascript
Yii2使用Bootbox插件实现自定义弹窗
Apr 02 Javascript
JavaScript 表单处理实现代码
Apr 13 Javascript
Uploadify上传文件方法
Mar 16 Javascript
bootstrap网格系统使用方法解析
Jan 13 Javascript
js中的面向对象入门
Mar 06 Javascript
浅谈JS 数字和字符串之间相互转化的纠纷
Oct 20 Javascript
解决百度Echarts图表坐标轴越界的方法
Oct 17 Javascript
浅谈vue中get请求解决传输数据是数组格式的问题
Aug 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
《OVERLORD》手游英文版即将上线 手机上也能扮演骨王
2020/04/09 日漫
深入PHP数据加密详解
2013/06/18 PHP
微信公众号开发之微信公共平台消息回复类实例
2014/11/14 PHP
PHP中list()函数用法实例简析
2016/01/08 PHP
php获取flash尺寸详细数据的方法
2016/11/12 PHP
php与c 实现按行读取文件实例代码
2017/01/03 PHP
php 读写json文件及修改json的方法
2018/03/07 PHP
Laravel框架处理用户的请求操作详解
2019/12/20 PHP
屏蔽鼠标右键、Ctrl+n、shift+F10、F5刷新、退格键 的javascript代码
2007/04/01 Javascript
在JavaScript中通过URL传递汉字的方法
2007/04/09 Javascript
一个tab标签切换效果代码
2009/03/27 Javascript
innerhtml用法 innertext用法 以及innerHTML与innertext的区别
2009/10/26 Javascript
javascript 3d 逐侦产品展示(核心精简)
2014/03/26 Javascript
jQuery实现html表格动态添加新行的方法
2015/05/28 Javascript
js动态生成Html元素实现Post操作(createElement)
2015/09/14 Javascript
AngularJS数据源的多种获取方式汇总
2016/02/02 Javascript
vue 自定义指令自动获取文本框焦点的方法
2018/08/25 Javascript
使用vue根据状态添加列表数据和删除列表数据的实例
2018/09/29 Javascript
puppeteer实现html截图的示例代码
2019/01/10 Javascript
详解ES6中class的实现原理
2020/10/03 Javascript
vue 使用饿了么UI仿写teambition的筛选功能
2021/03/01 Vue.js
python实现将英文单词表示的数字转换成阿拉伯数字的方法
2015/07/02 Python
Python爬虫框架Scrapy基本用法入门教程
2018/07/26 Python
我们为什么要减少Python中循环的使用
2019/07/10 Python
详解python中自定义超时异常的几种方法
2019/07/29 Python
python实现连续变量最优分箱详解--CART算法
2019/11/22 Python
澳大利亚礼品篮网站:Macarthur Baskets
2019/10/14 全球购物
Tuckernuck官网:经典的美国品质服装、鞋子和配饰
2021/01/11 全球购物
C面试题
2015/10/08 面试题
咖啡蛋糕店创业计划书
2014/01/28 职场文书
统计系教授推荐信
2014/02/28 职场文书
贷款委托书怎么写
2014/08/02 职场文书
《我爱祖国》演讲稿1000字
2014/09/26 职场文书
西柏坡导游词
2015/02/05 职场文书
python中super()函数的理解与基本使用
2021/08/30 Python
delete in子查询不走索引问题分析
2022/07/07 MySQL