又一个图片自动缩小的JS代码
2023-06-13 09:13:54 时间
<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里改,这里也作相应的改.
<!--
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里改,这里也作相应的改.
相关文章
- JS跳转代码_js中跳转页面路径
- 百度上线轻量级链接提交组件 可自动推送JS代码
- JavaScript刷LeetCode拿offer-js版字典
- 使用git webhook自动部署代码(PHP,HTML/JS)
- 原生 JS 实现 HTML 转 Markdown ,html2md.js
- get两个js小技能——JS截取视频第一帧&图片转Base64
- JS全国城市三级联动详解编程语言
- 使用JS连接MySQL数据库:实现化繁为简(js连接mysql数据库)
- 用SQL Server和JS实现数据库管理技术(sqlserver.js)
- 用js自动判断浏览器分辨率的代码
- 窗口没有提示自动关闭的js代码
- 用js实现的一个根据内容自动生成表格的函数
- js获取中文拼音,Select自动匹配字母获取值的代码
- 随日期每天自动变换的文本的js特效
- Js倒计时代码,当鼠标离开页面与回到页面会自动停止与开始
- 兼容ie、firefox的图片自动缩放的css跟js代码分享
- jquery全选/全不选/反选另一种实现方法(配合原生js)
- 当鼠标滑过文本框自动选中输入框内容的JS代码分享
- js获取url参数代码实例分享(JS操作URL)
- js鼠标及对象坐标控制属性详细解析
- 指定区域的图片自动按比例缩小的js代码(防止页面被图片撑破)
- JS实现静止元素自动移动示例
- wap浏览自动跳转到wap页面的js代码
- 鼠标悬浮停留三秒后自动显示大图js代码