做網站,我們是認真的!

網站適配電腦+手機端,僅1280元,送2000M阿里云服務器,送com域名+免費備案
網站前端采用靜態系統顯示,后端動態管理,我們承諾網站包收錄,完成網站之后把源碼給客戶!

觀點

互聯網+時代,說建站,談運營與網絡營銷

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

時間:2020-12-16

大家使用織夢dedecms建站,都會遇到這樣一個問題,就是織夢dedecms網站首頁幻燈片模糊,因為調用的是縮略圖,如果我們實際圖片尺寸比例和幻燈片的大小相差太大的話,那么在dedecms站首頁所顯示的幻燈片圖片也就會自動拉伸,造成圖片模糊,這樣看起來確實是很會影響到網站美觀和用戶體驗的一個問題,針對這樣的一個問題,我們提供以下兩個方法來解決這個幻燈片圖片模糊的問題。大家繼續往下看:
 
第一種解決方法:手動制圖
 
這個手動制圖確實是比較麻煩的一個辦法,但是很實用可以清楚的展示幻燈圖片,具體的做法是用制圖工具,比如軟件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",""); 
然后清除網站緩存再重新生成頁面,看看是不是已經成功了
0
首頁
案例
關于
聯系
凯时平台