織夢DEDECMS 首頁幻燈片修改教程分享給大家看看

dedecms 官方模板的首頁幻燈片比較小，而且是調取站內的縮略圖，并且只能跳轉到縮略圖所在的文章頁面。一般情況下縮略圖都比較小，這樣導致了幻燈片圖片顯得模糊不清，大大降低了網站品質。

現在，我教您隨心定制首頁幻燈片，并達到下面的目的：

第一、幻燈片大小隨心設置，第二、幻燈片的圖片不從站內縮略圖提取，而是自己指定，第三、幻燈片鏈接跳轉到指定網址（比如廣告頁）而不是站內文章頁。第四、幻燈片上的文字調整或者去掉。你可以做的更漂亮一些，我只是提供一下方法。

首先修改幻燈片大?。河糜浭卤敬蜷_首頁模板文件templets/default/index.htm，找到如下代碼：

1. < !-- size: 280px * 192px --> 
2. linkarr = new Array(); 
3. picarr = new Array(); 
4. textarr = new Array(); 
5. var swf_width=280; 
6. var swf_height=192; 
7. var files = ""; 
8. var links = ""; 
9. var texts = ""; 

將其中的 280 190 改成自己想要的寬度和高度。

然后用記事本打開templets/style/page.css，找到如下代碼：

1. .index .flashnews{ 
2. width:280px; 
3. height:192px; 
4. overflow:hidden; 
5. float:left; 
6. } 

把

將其中的 280 190 改成自己想要的寬度和高度。注意要和前面的一致。

這樣一來，幻燈片的寬度和高度就隨你自己了。想改就改，無非就是重復一次操作而已。

下面，我們來改圖片和跳轉網址：

用記事本打開首頁模板文件templets/default/index.htm，找到如下代碼：

1. {dede:arclist flag='f' row='5'} 
2. linkarr[[field:global.autoindex/]] = "[field:arcurl/]"; 
3. picarr[[field:global.autoindex/]] = "[field:litpic/]"; 
4. textarr[[field:global.autoindex/]] = "[field:title function='html2text(@me)'/]"; 
5. {/dede:arclist} 

把其中的{dede:arclist flag='f' row='5'} 和{/dede:arclist} 都去掉，把[field:arcurl/]改成你想跳轉的地址，把[field:litpic/]改成你想要在幻燈片內顯示的圖片的地址，把[field:title function='html2text(@me)'/]修改成你想在幻燈片上顯示的文字。把[field:global.autoindex/]全改成１，修改完成后如下：

1. linkarr[1] = "http://www.gqzx88.com"; 
2. picarr[1] = "http://www.XXX.com/img/h2.jpg"; 
3. textarr[1] = "歡迎光臨XXX網！” 

這樣就改好了，然后你發現幻燈片上只有一張圖，如果要改成多張圖輪番顯示，就改成下面這樣：

1. linkarr[1] = "http://www.gqzx88.com"; 
2. picarr[1] = "http://www.XXX.com/img/h2.jpg"; 
3. textarr[1] = "歡迎光臨站長街！” 
4. linkarr[2] = "http://www.xxx.com"; 
5. picarr[2] = "http://www.xxx.com/img/h2.jpg"; 
6. textarr[2] = "歡迎光臨站長街！” 
7. linkarr[3] = "http://www.xxx.com"; 
8. picarr[3] = "http://www.xxx.com/img/h2.jpg"; 
9. textarr[3] = "歡迎光臨站長街！” 

把相應的網址和圖片地址及文字改一下就可以了。 想加幾個就復制幾下。

值得注意的是，幻燈片好像不支持站外圖片，因此你得把所需顯示的圖片上傳到自己的網站空間里。

最后，為了美觀修改一下幻燈片的樣式：

用記事本打開首頁模板文件templets/default/index.htm，找到如下代碼：