js自动控制图片大小

编程开发 / , , / at

有时候页面内的图片很大,把页面都撑开了,相当难看,用js可以轻易解决这个问题.把以下文件保存成x.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之间加上这段代码,注意:本代码需要JQUERY

<script src="x.js" type="text/javascript"></script>

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

<img src="x.gif" alt="" onload="ResizeImage(this,580)" />

3条回应:“js自动控制图片大小”

  1. […] 先给网页引入这段JS代码,具体js自动控制图片大小,再找到DEDECMS目录下include/FCKeditor/editor/dialog/dede_image.php文件,给上传的图片代码自动加上onload=”ResizeImage(this,200)”,相信你很快就看明白了哦 […]

  2. […] 采集关键之处在于伪原创,我用火车头采集做站的步骤如下: 1、找采集目标,写采集规则,采集内容。写采集规则时最好把要过滤的内容记录清单,方便发现问题时查找 2、先采集到本地,然后查找有问题的文章,更新不需要的发布的文章ID为已发布,并对文章细节进行处理,比如有些图片太大,我就用JS来控制图片大小,这需要在IMG标签里加入一段JS触发代码,就在这时对此批量替换 3、发布到网站待审核或者草稿 4、伪原创:执行MYSQL命令在文章某位置插入关键词 5、稳定均匀的发布待审核或者草稿,同时更改其发布日期,可使用SQL批量更改文章发布日期 […]

  3. dedecms爱好者说道:

    本代码需要JQUERY? 那个版本的 还是随便就可以?能控制缩略图不?

发表评论

电子邮件地址不会被公开。 必填项已用*标注