js image() 图片自动缩减宽度大小

js image() 图片自动缩减宽度大小
image()对象,然后将希望预装载的图片url传递给此对象。假设我们拥有一个名为heavyimagefile.jpg的图片文件,我们希望当定义图片自动缩减宽度大小,防止撑破

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>=120){
   imgd.width=120;
   imgd.height=(image.height*120)/image.width;
  }else{
   imgd.width=image.width;
   imgd.height=image.height;
  } 
 }
}

应用方法

<img src=www.111cn.net.gif onload=drawimage(this) />

很简单吧,只要对图片进行高度与宽度设置就ko了。

时间: 2024-08-01 20:45:56

js image() 图片自动缩减宽度大小的相关文章

JS+css 图片自动缩放自适应大小_javascript技巧

我加了css的限制: 复制代码 代码如下: div img {}{max-width:600px;width:600px;width:expression(document.body.clientWidth>600?"600px":"auto");overflow:hidden;} ◎ max-width:600px; 在IE7.FF等其他非IE浏览器下最大宽度为600px.但在IE6中无效. ◎ width:600px; 在所有浏览器中图片的大小为600px

JS特效实现图片自动播放并可控的效果_javascript技巧

不多说了,实现方法请看下面代码. 代码如下: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8"/> <title>JS代码实现图片自动播放并可控的效果</title><base target="_blank" /> <link re

JavaScript实现图片自动加载的瀑布流效果_javascript技巧

先给大家展示下效果图: 向下滑动网页的时候能够自动加载图片并显示. 盛放图片的盒子模型如下: <div class="box"> <div class="box_img"> <img src="Img/8.jpg"> </div> </div> 设置img-width为150px,然后box_img添加内边距和阴影效果,box的外边距为0,添加内边距.盒子的宽度是由img-width和边

利用js获取图片尺寸与图片大小(高度与宽度)

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-

在ASPX中图片怎样根据分辨率大小自动缩放?

问题描述 在ASPX中图片怎样根据分辨率大小自动缩放? 解决方案 解决方案二: 解决方案三:你可以用JS获取屏幕宽度,然后再调整大小.不过我还是建议你用百分比来设置估计要容易多了解决方案四:引用2楼licai1210的回复: 你可以用JS获取屏幕宽度,然后再调整大小.不过我还是建议你用百分比来设置估计要容易多了 这种方法是简单也可取的解决方案五:引用3楼wylp_19的回复: 引用2楼licai1210的回复:你可以用JS获取屏幕宽度,然后再调整大小.不过我还是建议你用百分比来设置估计要容易多了

ASP技巧之让图片自动缩放以适合界面大小

技巧 如何让图片自动缩放以适合界面大小,拿出你的Editplus,打开c_function.asp文件,找到UBBCode函数,在第417行有如下语句 If Instr(strType,"[image]")>0  And ZC_UBB_IMAGE_ENABLE Then  '[img]    objRegExp.Pattern="(\[IMG=)([0-9]*),([0-9]*),(.*)(\])(.+?)(\[\/IMG\])"    strContent=

如何让图片自动缩放以适合界面大小

如何让图片自动缩放以适合界面大小,拿出你的Editplus,打开c_function.asp文件,找到UBBCode函数,在第417行有如下语句   If Instr(strType,"[image]")>0  And ZC_UBB_IMAGE_ENABLE Then  '[img]     objRegExp.Pattern="(\[IMG=)([0-9]*),([0-9]*),(.*)(\])(.+?)(\[\/IMG\])"    strContent=

ASP程序实现图片自动缩放以适合界面大小

程序 如何让图片自动缩放以适合界面大小,拿出你的Editplus,打开c_function.asp文件,找到UBBCode函数 If Instr(strType,"[image]")>0  And ZC_UBB_IMAGE_ENABLE Then  '[img]     objRegExp.Pattern="(\[IMG=)([0-9]*),([0-9]*),(.*)(\])(.+?)(\[\/IMG\])"    strContent= objRegExp.

JS获取图片实际宽高及根据图片大小进行自适应_javascript技巧

JS获取图片实际宽高,以及根据图片大小进行自适应 复制代码 代码如下: <img src=https://yunqi-tech.oss-cn-hangzhou.aliyuncs.com/xxx.jpg id="imgs" onload="adapt();"/> 复制代码 代码如下: function adapt(){ var tableWidth = $("#imgTable").width(); //表格宽度 var img = n