用JS解决>图片太大,把网站撑变形的问题

方法如下:
1.找到博客目录下SCRIPT/common.js文件内加入以下代码(不要加错了)



//*********************************************************
// 目的:    查找网页内宽度太大的图片进行缩放以及PNG纠正
// 输入:    无
// 返回:    无
//*********************************************************
function ReImgSize(){
  for (i=0;i<document.images.length;i++)
   {
   if (document.all){
        if (document.images[i].width>550)//宽度可以自行修改(建议不用修改)
         {
       document.images[i].width="550"//宽度可以自行修改(建议不用修改)
       try{
               document.images[i].outerHTML='<a href="'+document.images[i].src+'" target="_blank" title="在新窗口打开图片">'+document.images[i].outerHTML+'</a>'
                   }catch(e){}
           }
   }
  else{
        if (document.images[i].width>400) //高度可以自行修改(建议不用修改)
{
          document.images[i].title="在新窗口打开图片"
          document.images[i].style.cursor="pointer"
          document.images[i].onclick=function(e){window.open(this.src)}
        }
  }
  }
}
//初始化JS代码
function initJS(){
        ReImgSize() //自动缩放代码 
        initAccessKey()  //转换AccessKey For IE
}



2.找到模板文件下TEMPLATE/single.html文件



查找
<body  class="single">
替换成
<body  class="single" onload="initJS()">

特殊情况(实用任何网页),加入以下代码在网页中:
<body  onload="initJS()"></body>
原文地址:https://www.cnblogs.com/ybbqg/p/2405498.html