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>
  • 相关阅读:
    编程中Visual Studio常用的快捷键
    解决博易博客后台文章管理页面无法显示分页的问题
    iReaper for WP7 顺利完工
    Visual Studio中web应用程序和网站区别
    SQL批处理
    SQL安全性
    实习之路之篇
    python 日志文件
    后端调用python遥感功能的方式
    C#使用系统的“显示桌面”功能(Shell.Application)
  • 原文地址:https://www.cnblogs.com/ybbqg/p/2405498.html
Copyright © 2011-2022 走看看