科讯CMS纯CSS控制图片最大宽度

关键字描述：最大 图片 控制   这个 var // 宽度 maxwidth if

科汛CMS官方模板中自带了一段JS用来控制文章中的图片的最大高度和宽度。不过我也很奇怪，为什么这个js有时候好用有时候并不好用，这个问题我研究了很久，不得而终。

<SCRIPT language=JavaScript type=text/JavaScript>
//改变图片大小
function resizepic(o)
{
var maxwidth=550; //定义最大宽度
var maxheight=800; //定义最大高度
var a=new Image();
a.src=o.src
if(a.width > maxwidth)
{
o.style.width=maxwidth;
}
if (a.height> maxheight)
{
o.style.height=maxheight;
}
}
//无级缩放图片大小
function bbimg(o)
{
var zoom=parseInt(o.style.zoom, 10)||100;
zoom =event.wheelDelta/12;
if (zoom>0) o.style.zoom=zoom '%';
return false;
}
</SCRIPT>

今天，又一个模板怎么着这段js都不起作用，没办法，百度了一下，找到一段CSS可以完美解决这个问题。不敢独享，特发上来与大家一同分享。

CSS代码如下：

#Article_Content img {width: expression(this.width > 560 ? 560: true); max-width: 560px;}

其中#Article_Content 改成你的文章内容处使用的div 的id 其中“560”改成你需要的宽度。

IE测试通过。火狐2测试通过。

说明，鼠标滚动自动缩放图片用这个css是无法做到的。不过这个功能基本没用。

最新评论