文章图片会随鼠标轮转动大小比例发生变化,有时上传画面过大,严重影响美观,方法一是将限制最大宽度和最大高度的值降低,但原代码如果将此值降低后,会出现比例不协调的现象,如:如果上传的画面为1024*768,那么宽度被限制为550,而高度未超标,因此会出现画面变成550*768的现象,画面会变形。解决方法如下:
打开文章内容页模板.找到以下代码,
<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>
将上述代码变更为:
以下内容只有回复后才可以浏览,请先登录! 如果不想让其画面随鼠标变化,代码如下
[replyview]
<script language="JavaScript" type="text/JavaScript">
//改变图片大小
function resizepic(o)
{
var maxwidth=400; //定义最大宽度
var maxheight=400; //定义最大高度
var a=new Image();
a.src=o.src
if(a.width > a.height)
{
if(a.width > maxwidth)
{
o.style.width=maxwidth;
o.style.height=maxwidth/a.width*a.height;
}
}
if(a.width < a.height)
{
if (a.height> maxheight)
{
o.style.height=maxheight;
o.style.width=maxheight/a.height*a.width;
}
}
}
//无级缩放图片大小
function bbimg(o)
{
var zoom=parseInt(o.style.zoom, 10)||100;
zoom+=event.wheelDelta/12;
if (zoom=100) o.style.zoom=zoom+'%';
return false;
}
</script>
[/replyview]