用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].οnclick=function(e){window.open(this.src)}
        }
  }
  }
}
//初始化JS代码
function initJS(){
        ReImgSize() //自动缩放代码
        initAccessKey()  //转换AccessKey For IE
}

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

查找
<body class="single">
替换成
<body class="single" οnlοad="initJS()">

特殊情况(实用任何网页),加入以下代码在网页中:
<body οnlοad="initJS()"></body>

转载于:https://www.cnblogs.com/ybbqg/archive/2012/03/19/2405498.html

用JS解决图片太大,把网站撑变形的问题相关推荐

QLabel 设置背景图片的方法和解决图片太大不能完显示办法
#QLabel 设置背景图片的方法和解决图片太大不能完显示办法文章目录 1.通过`QPixmap`来设置方法注意 2.通过`QSS`设置方法注意 1.通过QPixmap来设置方法 // 获 ...
图片太大？不符合上传大小？PS帮你搞定！
前言有时,我们需要将图片上传到网站或软件,如果限制了图片上传大小,则我们需要压缩图片的大小来满足人家的规则. 如果用大白话谈压缩的话,无非就是图片品质.颜色.宽高决定了图片大小. 解决图片太大的问题 ...
Android之解决布局文件图片太大同步放缩后挤掉其它布局的问题
1.问题局文件图片太大同步放缩后挤掉其它布局的问题比如有个图片logo1.png,很大,在平板上图片布局写成这样 <ImageViewandroid:src="@drawable/ ...
html中图片太大了,css背景图片太大的坏处与解决方法
在制作网页的过程中,有时候我们为了页面的个性.漂亮,会给通过CSS给网页设置一个很大的背景图片,可是背景图片太大的话不但会给我们的访客带来一些烦恼,还会对搜索引擎不友好,导致排名的降低,实在是得不偿失 ...
【Android Studio】ImageView / ImageButton 图片太大或者太小解决方法
第一步:指定layout_width与layout_height 在xml文件中设置的ImageButton的宽和高为: android:layout_width="100dp" ...
webview显示图片太大，导致webview显示图片还要左右滑动的解决方法
如图所示是解决好之后的样子原始代码: string content="<p>IT之家3月15日消息今日凌晨,苹果公司已宣布其2019年全球开发者大会的日期:<span ...
img图片太大设置图片宽高，图片显示变形解决办法
当img图片太大时,设置图片宽高图片显示就会变形,object-fit属性就可以很好的解决这个问题: <div><img src="https://img0.baidu.c ...
ImageView / ImageButton 图片太大或者太小解决方法
ImageView / ImageButton 图片太大或者太小解决方法参考文章: (1)ImageView / ImageButton 图片太大或者太小解决方法 (2)https://www.cn ...
在线修改图片尺寸缩放网站（完美解决图片过大无法上传问题）
在线修改图片尺寸缩放网站(完美解决图片过大无法上传问题) http://pic.sdodo.com/tool/picadjust/ http://www.zhengzong.cn/bbsxp/thre ...

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

用JS解决图片太大,把网站撑变形的问题相关推荐

最新文章

热门文章