织梦DEDECMS 首页幻灯片更改教程

发布时间：2022-06-28 12:50 所属栏目：61 来源：互联网

导读：织梦DEDECMS 首页幻灯片修改教程分享给大家看看 dedecms 官方模板的首页幻灯片比较小，而且是调取站内的缩略图，并且只能跳转到缩略图所在的文章页面。一般情况下缩略图都比较小，这样导致了幻灯片图片显得模糊不清，大大降低了网站品质。现在，我教您随心

　　织梦DEDECMS 首页幻灯片修改教程分享给大家看看

　　dedecms 官方模板的首页幻灯片比较小，而且是调取站内的缩略图，并且只能跳转到缩略图所在的文章页面。一般情况下缩略图都比较小，这样导致了幻灯片图片显得模糊不清，大大降低了网站品质。

　　现在，我教您随心定制首页幻灯片，并达到下面的目的：

　　第一、幻灯片大小随心设置，第二、幻灯片的图片不从站内缩略图提取，而是自己指定，第三、幻灯片链接跳转到指定网址（比如广告页）而不是站内文章页。第四、幻灯片上的文字调整或者去掉。你可以做的更漂亮一些，我只是提供一下方法。

　　首先修改幻灯片大小：用记事本打开首页模板文件templets/default/index.htm，找到如下代码：

　　< !-- size: 280px * 192px -->
　　linkarr = new Array();
　　picarr = new Array();
　　textarr = new Array();
　　var swf_width=280;
　　var swf_height=192;
　　var files = "";
　　var links = "";
　　var texts = "";
　　将其中的 280 190 改成自己想要的宽度和高度。

　　然后用记事本打开templets/style/page.css，找到如下代码：

　　.index .flashnews{
　　width:280px;
　　height:192px;
　　overflow:hidden;
　　float:left;
　　}
　　把

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

　　这样一来，幻灯片的宽度和高度就随你自己了。想改就改，无非就是重复一次操作而已。

　　下面，我们来改图片和跳转网址：

　　用记事本打开首页模板文件templets/default/index.htm，找到如下代码：

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

　　linkarr[1] = "http://www.gqzx88.com";
　　picarr[1] = "http://www.XXX.com/img/h2.jpg";
　　textarr[1] = "欢迎光临XXX网！”
　　这样就改好了，然后你发现幻灯片上只有一张图，如果要改成多张图轮番显示，就改成下面这样：

　　linkarr[1] = "http://www.gqzx88.com";
　　picarr[1] = "http://www.XXX.com/img/h2.jpg";
　　textarr[1] = "欢迎光临站长街！”
　　linkarr[2] = "http://www.xxx.com";
　　picarr[2] = "http://www.xxx.com/img/h2.jpg";
　　textarr[2] = "欢迎光临站长街！”
　　linkarr[3] = "http://www.xxx.com";
　　picarr[3] = "http://www.xxx.com/img/h2.jpg";
　　textarr[3] = "欢迎光临站长街！”
　　把相应的网址和图片地址及文字改一下就可以了。想加几个就复制几下。

　　值得注意的是，幻灯片好像不支持站外图片，因此你得把所需显示的图片上传到自己的网站空间里。

　　最后，为了美观修改一下幻灯片的样式：

　　用记事本打开首页模板文件templets/default/index.htm，找到如下代码：

　　[/code]
　　var swf_width=280;
　　var swf_height=192;
　　[/code]
　　在其后面加上（代码里的说明文字自己去掉）：

　　var configtg="0xffffff:文字颜色|2:文字位置|0x000000:文字背景颜色|30:文字背景透明度|0xffffff:按键文字颜色|0x4f6898:按键默认颜色|0x000033:按键当前颜色|8:自动播放时间|3:图片过渡效果|1:是否显示按钮|_blank:打开新窗口"。

（编辑：ASP站长网）