zoukankan      html  css  js  c++  java
  • 用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>
  • 相关阅读:
    线程与进程
    Java集合框架体系JCF
    Java异常
    抽象,接口和Object类
    Java三大特性
    面向对象
    数组
    Java 控制结构与方法
    数据类型与变量
    Java基础之入门
  • 原文地址:https://www.cnblogs.com/ybbqg/p/2405498.html
Copyright © 2011-2022 走看看