DedeCMS內容頁圖片過大導致布局混亂的解決方法
導讀:織夢文章織夢文章許多使用過DedeCMS的朋友,可能都會碰到過這樣的情況,當我們在一個網站里發表一篇文章時,如果我們使用的圖片,其寬度超過內容區域大小,圖片就會將表格撐大,同時dede手機模板dede下瓻模板下載。
許多使用過DedeCMS的朋友,可能都會碰到過這樣的情況,當我們在一個網站里發表一篇文章時,如果我們使用的圖片,其寬度超過內容區域大小,圖片就會將表格撐大,同時使得頁面布局變得混亂起來。當然,如果懂CSS,我們可以利用css來定義,讓超出的部分隱藏起來。不過這樣做,圖片的美觀性就很差,顯示不出來超出的部分。解決這個問題,還有一些朋友,會利用css,使圖片在過大后,自動將圖片縮小,不過,值得注意的是,由于CSS對各個瀏覽器存在兼容問題,所以就拿IE6瀏覽器來說,其作用就不大。 這里,我們就可以通過修改程序文件,來使圖片自動按比例縮小,具體操作方法如下: 第一步,找到并打開include/arc.archives.class.php文件,在里面找到如下代碼:
//設置全局環境變量 $this->Fields['typename'] = $this->TypeLink->TypeInfos['typename']; @SetSysEnv($this->Fields['typeid'],$this->Fi織夢模板安裝elds['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,}[\s\S]{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']);
第二步:打開你前臺文章頁模版 默認的是:/dede會員中心模板templets/default/article_article.htm,打開模版后將下面代碼插入到模板中 ,注意那個670的數值,這個值意思是當圖片超過這個數值,自動將圖片縮小,寬度縮小為670,高度自動按比例縮小,這樣不會變型。
聲明: 本文由我的SEOUC技術文章主頁發布于:2023-07-22 ,文章DedeCMS內容頁圖片過大導致布局混亂的解決方法主要講述過大,解決方法,CMS網站建設源碼以及服務器配置搭建相關技術文章。轉載請保留鏈接: http://www.bifwcx.com/article/web_34514.html
