很多使用織夢程序做網(wǎng)站的時候遇到一個問題就是dedecms網(wǎng)站首頁幻燈片調(diào)用的是文章縮略圖,如果我們實(shí)際圖片寬高比例和幻燈片的比例相差太大的話,那么在首頁顯示的幻燈片圖片就會自動拉伸變的模糊,這個看起來確實(shí)是一個比較影響用戶體驗(yàn)的問題,下面就給大家分析一下解決這個問題的兩個方法。
第一種解決方法:手動裁剪縮略圖
手動裁剪縮略圖的方法雖然比較繁瑣一點(diǎn),但是很實(shí)用可以分毫不差的展示幻燈圖片,具體的做法是用Photoshop工具或者美圖秀秀等一些圖片處理工具把圖片做成和幻燈片尺寸大小一致,等比例的圖,然后手動上傳,這樣就可以了,這個優(yōu)點(diǎn)是幻燈圖片大小合適,很清晰質(zhì)量非常好,缺點(diǎn)是每次發(fā)布文章都需要用工具手動裁剪縮略圖會非常麻煩。
第二種解決方法:就是通過修改織夢代碼,實(shí)現(xiàn)自動等比例調(diào)用圖片
自動等比例調(diào)用圖片,這個方法也比較實(shí)用,可以自動將我們上傳的任何尺寸的圖片自動調(diào)整為固定的大小比例。這種方式的優(yōu)點(diǎn)是自動生成,簡單快速,缺點(diǎn)是橫豎比率的圖片沒辦法加以區(qū)分,如果將橫比例的圖片按照數(shù)比例的圖片來壓縮,那么會讓圖片失真。 具體修改方法如下:
打開織夢網(wǎng)站的首頁模板index.htm文件或者需要幻燈的網(wǎng)頁模板,在里面找到下面這句讀取縮略圖的代碼:
-
for(i=1;i<picarr.length;i++){
if(files=="") files = picarr[i];
elsefiles += "|"+picarr[i];
}
|
我們把這段織夢代碼修改為下面的代碼:
-
for(i=1;i<picarr.length;i++){
if(files=="") files = picarr[i].replace("-lp","");
elsefiles += "|"+picarr[i].replace("-lp","");
}
|
修改完成后清除緩存重新生成首頁就可以了。