第一步:
在img加上便簽,還要去掉height屬性。
修改內(nèi)容頁模板的{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>中,注意那個670的數(shù)值,這個值意思是當(dāng)圖片超過這個數(shù)值,自動將圖片縮小,寬度縮小為670,高度自動按比例縮小,這樣不會變型。
<script language='javascript'>
function ImgReSize(e)
{
if(e.width>670) // 670可根據(jù)你文章的內(nèi)容區(qū)域大小,可調(diào)整
{
e.width=670; // 等同上面你設(shè)的那個數(shù)值
e.style.width="";
}
if(e.height>10)
{
e.style.height="";
}
}
</script>
到這里,就完活了,如果你懂CSS最好找到對應(yīng)的CSS,將它的寬設(shè)定好,然后定義一下,超出部分隱藏,因?yàn)橛袝r候,文章在加載的過程中,顯示的是你原始大小,加載完成后,JS才會起作用,將圖片縮小。
]]>