关键词:大图控件&;Thisvar//总宽度maxwidth如果CMS官网模板内置了一段JS来控制文章内容中图片的大纵横比和总宽度。但是因为我很奇怪,为什么这个js有时候很强大,有时候不太好用?这个问题我科学的研究了很久,但是研究不完。<脚本语言=JavaScript
关键字描述:较大图片控制 这一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}
IE完成测试。Firefox2完成检测。
说明用这个css并不能保证电脑鼠标可以翻转全自动变焦图片。然而,这种功能基础不起作用。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)