怎么樣解決織夢(mèng)DEDECMS幻燈片圖片顯示模糊問題的辦法

2024-07-12 08:56:33

字體：大中小

供稿：網(wǎng)友

大家使用織夢(mèng)dedecms建站，都會(huì)遇到這樣一個(gè)問題，就是織夢(mèng)dedecms網(wǎng)站首頁幻燈片模糊，因?yàn)檎{(diào)用的是縮略圖，如果我們實(shí)際圖片尺寸比例和幻燈片的大小相差太大的話，那么在dedecms站首頁所顯示的幻燈片圖片也就會(huì)自動(dòng)拉伸，造成圖片模糊，這樣看起來確實(shí)是很會(huì)影響到網(wǎng)站美觀和用戶體驗(yàn)的一個(gè)問題，針對(duì)這樣的一個(gè)問題，我們提供以下兩個(gè)方法來解決這個(gè)幻燈片圖片模糊的問題。大家繼續(xù)往下看：

第一種解決方法：手動(dòng)制圖

這個(gè)手動(dòng)制圖確實(shí)是比較麻煩的一個(gè)辦法，但是很實(shí)用可以清楚的展示幻燈圖片，具體的做法是用制圖工具，比如軟件Photoshop或者美圖秀秀把圖片做成和幻燈片尺寸大小一模一樣，以及等比例的圖，然后將圖片手動(dòng)上傳到網(wǎng)站，替換掉原來的圖，這樣就可以了，這個(gè)方法的優(yōu)點(diǎn)是制作的幻燈圖片大小合適，質(zhì)量很清晰，缺點(diǎn)是用軟件ps工具制圖就是麻煩了點(diǎn)，我們?cè)诳纯戳硗庖环N方法吧。

第二種解決方法：需要修改織夢(mèng)代碼，自動(dòng)等比例調(diào)用圖片

自動(dòng)等比例調(diào)用圖片，這個(gè)方法比較實(shí)用，可以自動(dòng)將我們上傳的圖片批量調(diào)整為固定的大小比例。這種方式的優(yōu)點(diǎn)是自動(dòng)生成，簡單快速，有優(yōu)點(diǎn)還是有缺點(diǎn)的，缺點(diǎn)就是橫豎比率的圖片沒辦法自動(dòng)區(qū)分，如果將橫比例的圖片按照數(shù)比例的圖片來壓縮，那么會(huì)讓圖片失真，顯示不好。

讓我們來看具體的做法吧：

1：打開織夢(mèng)網(wǎng)站的首頁模板(index.htm)或者需要幻燈的網(wǎng)頁模板，找到其中讀取縮略圖的代碼

picarr[[field:global.autoindex/]] = “[field:litpic/]“;

　2：找到下面的js代碼

for(i=1;i<picarr.length;i++){

if(files=="") files = picarr[i];

elsefiles += "|"+picarr[i];

}

　我們把這段織夢(mèng)代碼修改為下面的代碼

for(i=1;i<picarr.length;i++){

if(files=="") files = picarr[i].replace("-lp","");

elsefiles += "|"+picarr[i].replace("-lp","");