dedecms 官方模板的首页幻灯片比较小,而且是调取站内的缩略图,并且只能跳转到缩略图所在的文章页面。一般情况下缩略图都比较小,这样导致了幻灯片图片显得模糊不清,大大降低了网站品质。
现在,我教您随心定制首页幻灯片,并达到下面的目的:
第一、幻灯片大小随心设置,
第二、幻灯片的图片不从站内缩略图提取,而是自己指定,
第三、幻灯片链接跳转到指定网址(比如广告页)而不是站内文章页。
第四、幻灯片上的文字调整或者去掉。最后效果如站长街www.zzjie.com首页的幻灯片一样,当然,你可以做的更漂亮一些,我只是提供一下方法。
首先修改幻灯片大小:用记事本打开首页模板文件templets/default/index.htm,
找到如下代码:
< !-- size: 280px * 192px -->
<script language='javascript'>
linkarr = new Array();
picarr = new Array();
textarr = new Array();
var swf_width=280;
var swf_height=192;
//文字颜色|文字位置|文字背景颜色|文字背景透明度|按键文字颜色|按键默认颜色|按键当前颜色|自动播放时间|图片过渡效果|是否显示按钮|打开方式
var configtg='0xffffff|0|0x3FA61F|5|0xffffff|0xC5DDBC|0x000033|2|3|1|_blank';
var files = "";
var links = "";
var texts = "";
将其中的 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/]全改成1,
修改完成后如下:
linkarr[1] = "http://www.zzjie.com";
picarr[1] = "http://www.zzjie.com/img/h2.jpg";
textarr[1] = "欢迎光临购巧网!”
这样就改好了,然后你发现幻灯片上只有一张图,如果要改成多张图轮番显示,就改成下面这样:
linkarr[1] = "http://www.zzjie.com"; picarr[1] = "http://www.zzjie.com/img/h2.jpg"; textarr[1] = "欢迎光临站长街!” linkarr[2] = "http://www.zzjie.com"; picarr[2] = "http://www.zzjie.com/img/h2.jpg"; textarr[2] = "欢迎光临站长街!” linkarr[3] = "http://www.zzjie.com"; picarr[3] = "http://www.zzjie.com/img/h2.jpg"; textarr[3] = "欢迎光临站长街!” 把相应的网址和图片地址及文字改一下就可以了。 想加几个就复制几下。
值得注意的是,幻灯片好像不支持站外图片,因此你得把所需显示的图片上传到自己的网站空间里。
最后大家可以看效果了,如有什么疑问欢迎留言。
版权声明:若无特殊注明,本文皆为( yueshuo )原创,转载请保留文章出处。