漫步浪尖

记载Xhtml,Css,Javascript,W3c,Seo,计算机,服务器等Web技术相关的心得.

网页标准规范中去BOM方法总结主浏览器从计算机XXX上收到一个服务器宣告

js自动控制图片大小

有时候页面内的图片很大,把页面都撑开了,相当难看,用js可以轻易解决这个问题.把以下文件保存成resizeimage.js

function ResizeImage(objImage,maxWidth) {
try{
  if(maxWidth>0){
  var objImg = $(objImage);
  if(objImg.width()>maxWidth){
  objImg.width(maxWidth).css("cursor","pointer").click(function(){
  try{showModelessDialog(objImage.src);}catch(e){window.open(objImage.src);}
  });
  }
  }
}catch(e){};
}

2:在页面head之间加上这段代码

<script language="JavaScript" src="resizeimage.js的url" type="text/javascript"></script>

3:要控制的图片要写成这种形式:

<img alt="" title="" onload="ResizeImage(this,200)" src="http://qqcampus.org/xxx.gif" />

网摘:
  • 相关文章:

评论js自动控制图片大小:

GlobeTour欢迎您参与讨论,请在这里发表您的看法、交流您的观点。

js自动控制图片大小 Powered By Z-Blog 漫步浪尖