
图片自动缩小代码完全正解(发贴图片显示)
在inc目录下找到Main.js编辑
找到下面部分
// function imgload(e){
// var oImg = document.images;
// var oClientSreen=screen.width-250;
// var oClientSreen=500;
// for(var i=0;i<oImg.length;i++) {
// if(oImg[i].height>600 && oImg[i].width<oClientSreen)
// {oImg[i].style.height=600;}
// if(oImg[i].width>oClientSreen){oImg[i].style.width=oClientSreen-30;}
// }
// }
去掉其注释部分使代码激活:
function imgload(e){
var oImg = document.images;
var oClientSreen=screen.width-250;
var oClientSreen=500;
for(var i=0;i<oImg.length;i++) {
if(oImg[i].height>600 && oImg[i].width<oClientSreen)
{oImg[i].style.height=600;}
if(oImg[i].width>oClientSreen){oImg[i].style.width=oClientSreen-30;}
}
}
第三行的var oClientSreen=screen.width-250;其实只和客户机的分辨率有部分关系
真正重要的为第四行,var oClientSreen=500;这里的oClientSreen就直接限制的图片宽度,如果图片宽度大于这个值就开始自动缩小,而且这个值要参考为你贴子能显示的有限宽度而不是屏幕宽度,这点注意!
六,七行是对高度的限制,自己看
oImg[i].style.width=oClientSreen-30;这里好象有些多于,如果你上面oClientSreen值设定得很准确了,这里的减值可以设置得越小越好.