如何解決織夢CMS幻燈片顯示圖片模糊的問題

前天 (07:45)


很多織夢站長朋友們用了幾年的織夢,做了無數的織夢模板,但是都會遇到同一個問題就是織夢dedecms網站首頁幻燈片調用的是縮略圖,如果我們實際圖片尺寸比例和幻燈片的大小相差太大的話,那么在織夢站首頁顯示的幻燈片圖片就會自動拉伸模糊,這個看起來確實是比較影響美觀和用戶體驗的一個問題,針對這個問題,小編推薦使用以下2個方法來解決這個幻燈片圖片模糊的問題。

第一種解決辦法:手動制圖

手動制圖的方法確實是比較繁瑣一點的辦法,但是很實用可以分毫不差的展示幻燈圖片,具體的做法是用Photoshop工具(或者美圖秀秀)把圖片做成和幻燈片尺寸大小一致,等比例的圖,然后手動上傳,這樣就可以了,這個優點是幻燈圖片大小合適,質量很清晰,缺點是用ps工具制圖稍微麻煩了些,有時間又有精力的站長筒子們可以試試啦。

第二種:修改織夢代碼,自動等比例調用圖片
自動等比例調用圖片,這個方法比較實用,可以自動將我們上傳的圖片批量調整為固定的大小比例。這種方式的優點是自動生成,簡單快速,缺點是橫豎比率的圖片沒辦法加以區分,如果將橫比例的圖片按照數比例的圖片來壓縮,那么會讓圖片失真。
具體做法如下

1:打開織夢網站的首頁模板(index.htm)或者需要幻燈的網頁模板,找到讀取縮略圖的代碼

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

  2:找到下面的js代碼

  1. for(i=1;i<picarr.length;i++){ 
  2. if(files=="") files = picarr[i]; 
  3. elsefiles += "|"+picarr[i]; 

 我們把這段織夢代碼修改為

  1. for(i=1;i<picarr.length;i++){ 
  2. if(files=="") files = picarr[i].replace("-lp",""); 
  3. elsefiles += "|"+picarr[i].replace("-lp",""); 

然后清除緩存重新生成全站,看看已經OK了

    0
    首頁
    案例
    關于
    聯系
    凯时平台