校园春色亚洲色图_亚洲视频分类_中文字幕精品一区二区精品_麻豆一区区三区四区产品精品蜜桃

主頁 > 網站建設 > 建站知識 > DEDECMS圖片撐破布局的解決方法

DEDECMS圖片撐破布局的解決方法

POST TIME:2021-05-24 02:57

織夢內容頁圖片過大,我們又不希望它不按比例的縮小,因為如果縮小不按比例,圖片就會變形,所以我們需要找到一種等比例縮放圖片的方法。

第一步:打開include/arc.archives.class.php

找到:

//設置全局環境變量

$this->Fields['typename'] = $this->TypeLink->TypeInfos['typename'];

@SetSysEnv($this->Fields['typeid'],$this->Fields['typename'],$this->Fields['id'],$this->Fields['title'],'archives');

在下面加入代碼:

//替換圖片Alt為文檔標題

$this->Fields['body'] = str_ireplace(array('alt=""','alt='''),'',$this->Fields['body']);

$this->Fields['body'] = preg_replace("@ [s]{0,}alt[s]{0,}=["'s]{0,}[sS]{0,}["'s]

@isU"," ",$this->Fields['body']);

$this->Fields['body'] = str_ireplace("<img " ,"<img alt="".$this->Fields['title'].""

",$this->Fields['body']);

//img標簽中加入超寬縮小JS調用代碼

$suolue='onload="javascript:ImgReSize(this)"';

$this->Fields['body'] = str_ireplace("<img " ,"<img ".$suolue." ",$this->Fields['body']);

//屏蔽height屬性

$this->Fields['body'] = preg_replace('/<img(.+?)height=(.+?) (.+?)>/i',"<img$1$3>",$this->Fields['body']);

第二步:打開你前臺文章頁模版,默認的是:/templets/default/article_article.htm,加入如下代碼。那個600的數值,意思是當圖片超過這個數值,自動將圖片縮小,寬度縮小為600,高度自動按比例縮小,這樣不會變形。

<script language='javascript'>

function ImgReSize(e)

{

if(e.width>600) //600可根據你文章的內容區域大小,可調整

{

e.width=600; //等同上面你設的那個數值

e.style.width="";

}

if(e.height>10)

{

e.style.height="";

}

}

</script>

到此,我們就全部修改好了,內容頁圖片太大導致布局混亂問題就解決了。

 


收縮
  • 微信客服
  • 微信二維碼
  • 電話咨詢

  • 400-1100-266
主站蜘蛛池模板: 安达市| 都兰县| 集贤县| 镇巴县| 濮阳县| 漳州市| 鸡东县| 青田县| 奉贤区| 堆龙德庆县| 日照市| 津南区| 耒阳市| 镇雄县| 包头市| 方山县| 丰顺县| 新干县| 新龙县| 卢氏县| 千阳县| 永仁县| 房山区| 定西市| 绥德县| 康平县| 阜阳市| 隆林| 砀山县| 韩城市| 衡东县| 东兰县| 莫力| 论坛| 乐亭县| 乐业县| 丰顺县| 临漳县| 闽侯县| 阿图什市| 大田县|