手机
当前位置:查字典教程网 >CMS教程 >科汛cms >科讯CMS纯CSS控制图片最大宽度
科讯CMS纯CSS控制图片最大宽度
摘要:关键字描述:最大图片控制 这个var//宽度maxwidthif科汛CMS官方模板中自带了一段JS用来控制文章中的图片的最大高度和宽...

关键字描述:最大 图片 控制   这个 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是无法做到的。不过这个功能基本没用。

【科讯CMS纯CSS控制图片最大宽度】相关文章:

iPhone苹果手机信号数字是怎么分算

iMessage从此可以发送任何类型文件了

XP文件夹属性没有“安全”选项卡

iOS8.3怎么样?

iPhone6单独联系人信息静音设置

科汛CMS自定义sql标签打造终级下载分页列表

解决Win8.1安全启动未正确配置

日版有锁iPhone6/6 Plus破解电信234G网络教程

科汛CMS V5.x循环栏目文章标签

如何提高密码安全性

精品推荐
分类导航