導(dǎo)讀:DEDE技術(shù)DEDE技術(shù)相信很多站長(zhǎng)都在頭痛如何處理縮略圖的問(wèn)題吧。織夢(mèng)系統(tǒng)默認(rèn)是將縮略圖縮小為小于等于后臺(tái)設(shè)置的尺寸。因?yàn)樵瓐D片的尺寸都是不一樣的，如果前臺(tái)是固定圖片框顯示，那么一定dede5.7模板dede58模板。

      相信很多站長(zhǎng)都在頭痛如何處理縮略圖的問(wèn)題吧。織夢(mèng)系統(tǒng)默認(rèn)是將縮略圖縮小為小于等于后臺(tái)設(shè)置的尺寸。       因?yàn)槭謾C(jī)模板dede原圖片的尺寸都是不一樣的，如果前臺(tái)是固定圖片框顯示，那么一定顯示不好看。圖片會(huì)變形。因此，很多站長(zhǎng)為了網(wǎng)站美觀，就手動(dòng)修改。想想這工程浩大啊。       那么有什么既方便又實(shí)用的辦法呢？ Abing給出的優(yōu)化方案是這樣的： 1、在后臺(tái)設(shè)置縮略圖尺寸，設(shè)置成前臺(tái)最大固定框的尺寸。 2、使織夢(mèng)提取的縮略圖大于等于后臺(tái)設(shè)置的尺寸，也就是將原圖等比例縮小成不是寬等于設(shè)置尺寸就是高等于。 3、編寫JS函數(shù)，前臺(tái)顯示縮略圖的時(shí)候，使圖片總是水平垂直顯示，DIV不被撐開(kāi)。 這個(gè)應(yīng)該是綜合最優(yōu)的方案了，而且一次搞定終身受益。下面我就把詳細(xì)教程貼出來(lái)。 第一步： 后臺(tái)設(shè)置縮略圖大小。 第二步：修改image.helper.php頁(yè)面 if($toWH<=$srcWH) { $ftoW=$toW; $ftoH=$ftoW*($srcH/$srcW) } else { $ftoH=$toH $ftoW=$ftoH*($srcW/$srcH) }   將if與else中的代碼互換。 第三步： 編寫一個(gè)JS函數(shù)。 function ImageShow(maxWidth,maxHeight,objImg){ var img=new Image(); img.src=objImg.src; var w=img.width; var h=img.height; if(w==maxWidth&&h==maxHeight){ objImg.width=maxWidth; objImg.height=maxHeight; return }; var b1=w/h; var b2=maxWidth/maxHeight; if(b1>b2){ objImg.height=maxHeight; objImg.width=maxHeight/h*w; objImg.style.marginLeft=-(maxHeight*w-   maxWidth*h)/(2*h)+'px' } else{ objImg.widt=maxWidth; objImg.height=maxWidth/w*h; objImg.style.margnTop=-(maxWidt織夢(mèng)模板網(wǎng)站h*h-   maxHeight*w)/(2*w)+'px' };   return }; 第四步： CSS，圖片所在DIV，設(shè)置成圖片要顯示的寬和高，然后增加“voerflow:hidden” 圖片顯示調(diào)用上面的JS函數(shù)，dede模板安裝具體如下： <img onload="ImageShow(寬,高,this)" src="圖片地址" /> 只要這樣四步，就完美搞定縮略圖問(wèn)題啦。 我的網(wǎng)站所有縮略圖均非手工處理。可以訪問(wèn)我的網(wǎng)站——舊物格網(wǎng) 查看實(shí)際效果。相關(guān)dede5.7模板dede58模板。

關(guān)鍵詞標(biāo)簽: 織夢(mèng) 縮略圖 完美