织梦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，找到如下代码：

Tags: DEDECMS 幻灯片

分享到：