很多織夢站長朋友們用了幾年的織夢,做了無數的織夢模板,但是都會遇到同一個問題就是織夢dedecms網站首頁幻燈片調用的是縮略圖,如果我們實際圖片尺寸比例和幻燈片的大小相差太大的話,那么在織夢站首頁顯示的幻燈片圖片就會自動拉伸模糊,這個看起來確實是比較影響美觀和用戶體驗的一個問題,針對這個問題,推薦使用以下2個方法來解決這個幻燈片圖片模糊的問題。
第一種解決辦法:手動制圖
手動制圖的方法確實是比較繁瑣一點的辦法,但是很實用可以分毫不差的展示幻燈圖片,具體的做法是用Photoshop工具(或者美圖秀秀)把圖片做成和幻燈片尺寸大小一致,等比例的圖,然后手動上傳,這樣就可以了,這個優點是幻燈圖片大小合適,質量很清晰,缺點是用ps工具制圖稍微麻煩了些,有時間又有精力的站長筒子們可以試試啦。
第二種:修改織夢代碼,自動等比例調用圖片
自動等比例調用圖片,這個方法比較實用,可以自動將我們上傳的圖片批量調整為固定的大小比例。這種方式的優點是自動生成,簡單快速,缺點是橫豎比率的圖片沒辦法加以區分,如果將橫比例的圖片按照數比例的圖片來壓縮,那么會讓圖片失真。
具體做法如下
1:打開織夢網站的首頁模板(index.htm)或者需要幻燈的網頁模板,找到讀取縮略圖的代碼
picarr[[field:global.autoindex/]] = “[field:litpic/]“;
2:找到下面的js代碼
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","");
}
然后清除緩存重新生成全站,看看已經OK了