科讯纯控制图片最大宽度

科讯纯控制图片最大宽度,第1张

科讯CMS纯CSS控制图片最大ss="superseo">ss="superseo">宽度

关键词:大图控件&;Thisvar//总宽度maxwidth如果CMS官网模板内置了一段JS来控制文章内容中图片的大纵横比和总宽度。但是因为我很奇怪,为什么这个js有时候很强大,有时候不太好用?这个问题我科学的研究了很久,但是研究不完。<脚本语言=JavaScript

关键字描述:较大图片控制&nbsp这一var//总宽maxwidthif

科讯CMS官网模板内置一段JS,控制文章内容中图片的大长宽比和总宽度。但是因为我很奇怪,为什么这个js有时候很强大,有时候不太好用?这个问题我科学的研究了很久,但是研究不完。

<SCRIPTlanguage=JavaScripttype=text/JavaScript>
//更改图片尺寸
functionresizepic(o)
{
varmaxwidth=550;//界定较大总宽
varmaxheight=800;//界定较大高宽比
vara=newImage();
a.src=o.src
if(a.width>maxwidth)
{
o.style.width=maxwidth;
}
if(a.height>maxheight)
{
o.style.height=maxheight;
}
}
//无级缩放图片尺寸
functionbbimg(o)
{
varzoom=parseInt(o.style.zoom,10)||100;
zoom=event.wheelDelta/12;
if(zoom>0)o.style.zoom=zoom'%';
returnfalse;
}
</SCRIPT><脚本语言=JavaScripttype=text/JavaScript>;
//更改图片大小
函数调整大小(o)
{
varmaxwidth=550;//定义一个更大的总宽度
varmaxheight=800;//定义更大的纵横比
vara=newImage();
a.src=o.src
if(a.width>;maxwidth)
{
o.style.width=maxwidth;
}
if(a.height>;maxheight)
{
o.style.height=maxheight;
}
}
/无级缩放图片大小
功能bbimg(o)
{
varZoom=parseint(o.style.Zoom,10)||100;
zoom=event.wheeldelta/12;
if(zoom>;0)o.style.zoom=zoom“%”;
返回false
}
<;/SCRIPT>;

今天,有另一个模板。但是,这一段js失败了,没有办法。百度试图找到一个能把这个问题处理到极致的CSS。怕隐私,发上来和大家分享。

CSS编码以下:

#Article_Contentimg{width:expression(this.width>560?560:true);max-width:561080x;} 对以下CSS进行编码:

#article_contentimg{width:expression(this.width>;560?560:真);最大宽度:561080x}

在其中#Article_Content改为你的文章处应用的div的id在其中“560”改为你需要的总宽。

IE完成测试。Firefox2完成检测。

说明用这个css并不能保证电脑鼠标可以翻转全自动变焦图片。然而,这种功能基础不起作用。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zz/772207.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-03
下一篇 2022-05-03

发表评论

登录后才能评论

评论列表(0条)

保存