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

互联网   发布时间:2009-06-06 15:28:33   作者:jb51   我要评论

关键字描述:最大 图片 控制   这个 var // 宽度 maxwidth if 科汛CMS官方模板中自带了一段JS用来控制文章中的图片的最大高度和宽度。不过我也很奇怪,为什么这个js有时候好用有时候并不好用,这个问题我研究了很久,不得而终。 <SCRIPT language=JavaScript
关键字描述:最大 图片 控制   这个 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是无法做到的。不过这个功能基本没用。


相关文章

  • 科讯kesioncms 5.5以下漏洞拿shell方法的原理总结

    科讯做为一个强大的cms程序大多被政府和教育机构网站所使用,关于科讯的漏洞利用教程网上不是很多。
    2012-08-14
  • 科汛CMS V5.x循环栏目文章标签

    关键字描述:文章 标签 栏目 循环 调用 自动 如下 所有 频道 中心 自动调用频道下的所有栏目,新建标签如下图: 最终标签调用的效果,自动调用出帮助中心频
    2000-01-01
  • 科讯CMS纯CSS控制图片最大宽度

    关键字描述:最大 图片 控制   这个 var // 宽度 maxwidth if 科汛CMS官方模板中自带了一段JS用来控制文章中的图片的最大高度和宽度。不过我也很奇怪,为什么这个j
    2009-06-06
  • 让科汛文章中出现的链接在新窗口打开的JS代码

    关键字描述:代码 打开 窗口 出现 链接 文章   " < href   以前写文章投稿的时候希望一字一元,但事实上1000字的文章只能拿几十块钱的稿费,好*喏~昨儿叫
    2009-06-06
  • 科汛CMS自定义sql标签打造终级下载分页列表

    关键字描述:打造 下载 标签 定义 <   Field " nbsp & 先科汛CMS的终级下载分页列表效果图: 实现步骤: 打开自定义sql函数标签,新建
    2009-06-06
  • KesionCMS V5.x利用单页面做公司介绍,联系我们

    关键字描述:介绍 联系 我们 公司 页面 利用   模板 命名 关于 如题:如何利用KesionCMS做公司简介、联系我们、关于我们之类的单页面呢,今天侠客来跟大家讲一下吧
    2009-06-06
  • 科汛CMS防止网站被挂马和arp欺骗等

    关键字描述:欺骗 网站 防止 " 文件 < 目录 修改 程序 大家好!  网站被挂马的路径有多种,如程序方面的漏洞引起,IIS挂马,arp欺骗,sql数据库漏洞等! 1
    2009-06-06
  • 科汛CMS的sql标签使用技巧

    关键字描述:使用技巧 标签   Field < 求职 where from 科技 1、sql标签实现
    2009-06-06

最新评论