我們的時(shí)代成了讀圖世代,隨著瀑布流布局的大行其道,圖片在網(wǎng)站關(guān)的重要性日漸上升,然而縮略圖作為文章的入口顯的更加重要,上篇AB織夢(mèng)模板網(wǎng)介紹了織夢(mèng)dedecms解決縮略圖變形的問(wèn)題,本篇將介紹縮略圖的另一個(gè)運(yùn)用:dedecms多尺寸縮略圖的調(diào)用
dedecms系統(tǒng)本身只支持一種尺寸的縮略圖調(diào)用,即[field:litpic/],縮略圖的尺寸在網(wǎng)站后臺(tái):DedeCMS系統(tǒng)配置參數(shù)》附件設(shè)置中可以設(shè)置大小,但一種尺寸的縮略圖勢(shì)必不能滿(mǎn)足我們的需求,比如說(shuō)我們網(wǎng)站經(jīng)常會(huì)用到幻燈圖片展示,幻燈圖片的尺寸一般都是比較大的,如果用縮略圖來(lái)作就不太合適,再如網(wǎng)站有生活風(fēng)景,人物攝影這兩個(gè)欄目,兩類(lèi)圖片的比例是不相同的,如果保有一種尺寸的縮略圖這樣就顯的很難看,下面介紹dedecms實(shí)現(xiàn)多種尺寸縮略圖調(diào)用的方法
打開(kāi)/include/extend.func.php,在文件末尾添加以下代碼
function M_mkdirs($dir)
{
if(!is_dir($dir))
{
if(!M_mkdirs(dirname($dir))){
return false;
}
if(!mkdir($dir,0777)){
return false;
}
}
return true;
}
if (!function_exists('qmtx3Thumb'))
{
function qmtx3Thumb($aid, $width, $height, $n=0, $bg = false)
{
global $cfg_basehost,$cfg_multi_site,$dsql;
$query= "SELECT body FROM `dede_addonarticle` where aid='$aid'";
$row = $dsql->GetOne($query);
$preg = "/<img.*?src=['"](.+?)['"].*?>/i";
preg_match_all($preg, $row['body'], $match);
$imgurl = $match[1][0];
if($n==='L'){
$imgurl = end($match[1]);
}
if(!$imgurl) return '/images/defaultpic.gif';
$thumb = str_replace($cfg_basehost,'',$imgurl);
if(strpos($thumb, 'http://') === 0){
return '/images/defaultpic2.gif';
}
list($thumbname,$extname) = explode('.',$thumb);
$newImgdir = DEDEROOT.str_replace('uploads', 'uploads/diylitpic', str_replace($cfg_basehost, '', dirname($imgurl)));
$newthumb = str_replace('uploads', 'uploads/diylitpic', $thumbname).'_'.$width.'_'.$height.'.'.$extname;
$mdsure = M_mkdirs($newImgdir);
if($mdsure){
if(!$thumbname || !$extname || !file_exists(DEDEROOT.$thumb)) return $imgurl;
if(!file_exists(DEDEROOT.$newthumb)){
include_once DEDEINC.'/image.func.php';
if($bg==true)
{
ImageResizeNew(DEDEROOT.$thumb, $width, $height, DEDEROOT.$newthumb);
}
else
{
ImageResize(DEDEROOT.$thumb, $width, $height, DEDEROOT.$newthumb);
}
}
return $cfg_multi_site=='Y'?$cfg_basehost.$newthumb:$newthumb;
}else{
return '創(chuàng)建目錄失敗';
}
}
}
以上定義一個(gè)多級(jí)目錄創(chuàng)建函數(shù)M_mkdirs和一個(gè)縮略圖生成函數(shù)qmtx3Thumb($aid, $width, $height, $n=0, $bg = false)
qmtx3Thumb有5個(gè)參數(shù)$aid為文檔id,$width, $height為生成圖片的寬、高,$n代表用內(nèi)容的第幾張大圖生成縮略圖,這里默認(rèn)為0即第一張,$bg為是否強(qiáng)制縮略圖大小一般為false
然后在模板中需要調(diào)用縮略圖的地方中調(diào)用
{dede:arclist}
<img width="200" height="200" src="[field:id function='qmtx3Thumb(@me, 200, 200)'/]" />
{/dede:arclist}
注:如果你之前的縮略圖就是變形的,請(qǐng)移動(dòng)“