用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
}
// 目的： 查找网页内宽度太大的图片进行缩放以及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>
<body class="single">
替换成
<body class="single" onload="initJS()">
特殊情况(实用任何网页),加入以下代码在网页中:
<body onload="initJS()"></body>
前望
