国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > CMS > 織夢DEDE > 正文

Dedecms織夢縮略圖完美優化

2024-07-12 09:11:34
字體:
來源:轉載
供稿:網友
相信很多織夢dedecms 站長都在頭痛如何處理縮略圖的問題吧。織夢dedecms系統默認是將縮略圖縮小為小于等于后臺設置的尺寸。
     
因為原圖片的尺寸都是不一樣的,如果前臺是固定圖片框顯示,那么一定顯示不好看。圖片會變形。因此,很多站長為了dedecms 網站美觀,就手動修改。

想想這工程浩大啊。
     
那么有什么既方便又實用的辦法呢?
 
Abing給出的優化方案是這樣的:
1、在后臺設置縮略圖尺寸,設置成前臺最大固定框的尺寸。
2、使織夢提取的縮略圖大于等于后臺設置的尺寸,也就是將原圖等比例縮小成不是寬等于設置尺寸就是高等于。
3、編寫JS函數,前臺顯示縮略圖的時候,使圖片總是水平垂直顯示,DIV不被撐開。
這個應該是綜合最優的方案了,而且一次搞定終身受益。下面我就把詳細教程貼出來。
 
第一步:
后臺設置縮略圖大小。
 
 
第二步:修改image.helper.php頁面
if($toWH<=$srcWH){$ftoW=$toW;$ftoH=$ftoW*($srcH/$srcW)}else{$ftoH=$toH$ftoW=$ftoH*($srcW/$srcH)}
 
將if與else中的代碼互換。
 
 
 
第三步:
編寫一個JS函數。
 
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=-(maxWidth*h-maxHeight*w)/(2*w)+'px'};return};
 
第四步:
CSS,圖片所在DIV,設置成圖片要顯示的寬和高,然后增加“voerflow:hidden”
圖片顯示調用上面的JS函數,具體如下:
<img onload="ImageShow(寬,高,this)" src="圖片地址" />
 
只要這樣四步,就完美搞定縮略圖問題啦。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 泽普县| 东城区| 淳安县| 苏州市| 莒南县| 改则县| 涪陵区| 米脂县| 景洪市| 涿州市| 南部县| 慈溪市| 大方县| 古丈县| 新乐市| 栖霞市| 凉城县| 正蓝旗| 花莲市| 冷水江市| 龙江县| 晋中市| 河西区| 会东县| 汉沽区| 兰西县| 银川市| 齐齐哈尔市| 榕江县| 精河县| 江油市| 南和县| 环江| 襄樊市| 江陵县| 怀远县| 科技| 龙山县| 海丰县| 桓仁| 英山县|