當前位置:
首頁 >
前端技术
> javascript
>内容正文
javascript
用JS解决图片太大,把网站撑变形的问题
生活随笔
收集整理的這篇文章主要介紹了
用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解决图片太大,把网站撑变形的问题的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: pku 3020 Antenna Pl
- 下一篇: Java与C++的几个显著不同