又一个图片自动缩小的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 相关文章推荐
Input 特殊事件onpopertychange和oninput
Jun 17 Javascript
JS Date函数整理方便使用
Oct 23 Javascript
window.onerror()的用法与实例分析
Jan 27 Javascript
JS实现为排序好的字符串找出重复行的方法
Mar 02 Javascript
JS中创建函数的三种方式及区别
Mar 13 Javascript
js模块加载方式浅析
Aug 12 Javascript
详解关于react-redux中的connect用法介绍及原理解析
Sep 11 Javascript
详解npm 配置项registry修改为淘宝镜像
Sep 07 Javascript
JavaScript惰性载入函数实例分析
Mar 27 Javascript
vue 实现搜索的结果页面支持全选与取消全选功能
May 10 Javascript
解决cordova+vue 项目打包成APK应用遇到的问题
May 10 Javascript
解决vue项目获取dom元素宽高总是不准确问题
Jul 29 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
php 生成唯一id的几种解决方法
2013/03/08 PHP
PHP框架Laravel学习心得体会
2015/10/28 PHP
php 使用curl模拟登录人人(校内)网的简单实例
2016/06/06 PHP
Yii2使用自带的UploadedFile实现的文件上传
2016/06/20 PHP
PHP判断密码强度的方法详解
2017/05/26 PHP
详解阿里云视频直播PHP-SDK接入教程
2020/07/09 PHP
javascript自启动函数的问题探讨
2013/10/05 Javascript
JS格式化数字金额用逗号隔开保留两位小数
2013/10/18 Javascript
jQuery向上遍历DOM树之parents(),parent(),closest()之间的区别
2013/12/02 Javascript
js中typeof的用法汇总
2013/12/12 Javascript
javascript基于DOM实现省市级联下拉框的方法
2015/05/14 Javascript
通过JS获取Request.QueryString()参数的值实现方法
2016/09/27 Javascript
微信小程序 获取当前地理位置和经纬度实例代码
2016/12/05 Javascript
JS实现京东首页之页面顶部、Logo和搜索框功能
2017/01/12 Javascript
jQuery中常用动画效果函数知识点整理
2018/08/19 jQuery
vue实现自定义多选按钮
2020/07/16 Javascript
Django集成百度富文本编辑器uEditor攻略
2014/07/04 Python
Python之reload流程实例代码解析
2018/01/29 Python
2019 Python最新面试题及答案16道题
2019/04/11 Python
基于Python3.7.1无法导入Numpy的解决方式
2020/03/09 Python
Python实现代码块儿折叠
2020/04/15 Python
python中的django是做什么的
2020/07/31 Python
python pymysql库的常用操作
2020/10/16 Python
Python抓包并解析json爬虫的完整实例代码
2020/11/03 Python
HTML5网页音乐播放器的示例代码
2017/11/09 HTML / CSS
乌克兰排名第一的在线旅游超市:Farvater.Travel
2020/01/02 全球购物
Silk Therapeutics官网:清洁、抗衰老护肤品
2020/08/12 全球购物
应届生体育教师自荐信
2013/10/03 职场文书
个人找工作求职简历的自我评价
2013/10/20 职场文书
七一党建活动方案
2014/01/28 职场文书
2014年绩效考核工作总结
2014/12/11 职场文书
化验室岗位职责
2015/02/14 职场文书
《法国号》教学反思
2016/02/22 职场文书
MySQL中出现乱码问题的终极解决宝典
2021/05/26 MySQL
mysql配置SSL证书登录的实现
2021/09/04 MySQL
Netty客户端接入流程NioSocketChannel创建解析
2022/03/25 Java/Android