日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 前端技术 > javascript >内容正文

javascript

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

發布時間:2025/4/16 javascript 26 豆豆
生活随笔 收集整理的這篇文章主要介紹了 用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解决图片太大,把网站撑变形的问题的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。