91豆麻精品91久久久久久,中文在线资源,国产精品女视频,yw.139尤物在线精品视频

?
  歡迎訪問(wèn)全國(guó)企業(yè)網(wǎng)站設(shè)計(jì)NO.1網(wǎng)站開(kāi)發(fā)商平臺(tái) 付款方式
主頁(yè) > 網(wǎng)站建設(shè) > 建站知識(shí) > DEDECMS讓文章的大圖片不破壞布局

DEDECMS讓文章的大圖片不破壞布局

POST TIME:2020-10-09

相信很多朋友,都曾遇到過(guò),發(fā)表一篇普通文章,如果圖片寬度超過(guò)內(nèi)容區(qū)域大小,圖片就會(huì)把表格撐大,打亂面頁(yè)的布局,懂CSS的朋友能會(huì)通過(guò)css來(lái)定義,讓超出的部分隱藏起來(lái),但這樣,圖片的美觀性就很差,顯示不出來(lái)超出的部分,論壇中還有一些朋友,用css方法,當(dāng)圖片過(guò)大后,將圖片自動(dòng)縮小,但是我試過(guò),因?yàn)镃SS對(duì)各個(gè)瀏覽器存在兼容問(wèn)題,我在IE6下測(cè)試,一點(diǎn)作用也沒(méi)有。下面給大家介紹一下我在DEDECMS里的方法(不用修改源程序,只需要在模板里使img加上JS控制代碼,然后將原始圖片等比例縮小)。
 
第一步:
 
在img加上便簽,還要去掉height屬性。
 
修改內(nèi)容頁(yè)模板的{dede:field.body /}為
 
{dede:field.body runphp='yes'}
$content = @me;
$mode1 = "/<img/";
$mode2 = "/height=\"(\d+)\" /";
$str1 = "<img onload=\"javascript:ImgReSize(this)\"";
$content = preg_replace($mode1,$str1,$content);
$content = preg_replace($mode2,"",$content);
@me = $content;
{/dede:field.body}
 
第二步:
 
將下面代碼插入到<head></head>中,注意那個(gè)670的數(shù)值,這個(gè)值意思是當(dāng)圖片超過(guò)這個(gè)數(shù)值,自動(dòng)將圖片縮小,寬度縮小為670,高度自動(dòng)按比例縮小,這樣不會(huì)變型。
 
<script language='javascript'>
function ImgReSize(e)
{

if(e.width>670) // 670可根據(jù)你文章的內(nèi)容區(qū)域大小,可調(diào)整
{
e.width=670; // 等同上面你設(shè)的那個(gè)數(shù)值
e.style.width="";
}
if(e.height>10)
{
e.style.height="";
}

}
</script>
 
到這里,就完活了,如果你懂CSS最好找到對(duì)應(yīng)的CSS,將它的寬設(shè)定好,然后定義一下,超出部分隱藏,因?yàn)橛袝r(shí)候,文章在加載的過(guò)程中,顯示的是你原始大小,加載完成后,JS才會(huì)起作用,將圖片縮小。
? 主站蜘蛛池模板: 枞阳县| 化州市| 红安县| 苗栗市| 邢台市| 肇庆市| 连平县| 定襄县| 万全县| 阿合奇县| 乳源| 红原县| 兴和县| 贵溪市| 三原县| 突泉县| 砀山县| 应城市| 昌江| 马边| 竹山县| 社会| 宁河县| 香河县| 华阴市| 五华县| 即墨市| 东港市| 凌海市| 江安县| 上杭县| 葫芦岛市| 苍南县| 汉中市| 滁州市| 南雄市| 桑植县| 清苑县| 商南县| 桃江县| 江门市|