网站地图    收藏   

主页 > 前端 > css教程 >

织梦首页幻灯片修改方法 - html/css语言栏目:ht

来源:自学PHP网    时间:2015-04-14 14:50 作者: 阅读:

[导读] 今天在做自己的网站的时候,碰到了幻灯片的问题。问题如下:本来我都是已经调用好了织梦的幻灯片的代码,但是织梦默认的幻灯片的内容只能从文章中提取,但是我是想把幻灯片图...

今天在做自己的网站的时候,碰到了幻灯片的问题。问题如下:

本来我都是已经调用好了织梦的幻灯片的代码,但是织梦默认的幻灯片的内容只能从文章中提取,但是我是想把幻灯片图片和链接的内容随意的指向我想要的栏目。我查了好些资料和想了很多方法,但是效果都不怎么好,最后只能采取最绝的也是最简单的办法:幻灯片静态化。就是把幻灯片的内容不使用调用,直接静态的处理。

操作方法:
找到幻灯片的代码
用记事本打开首页模板文件templets/default/index.htm,找到如下代码:


<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 = "";
//这里设置调用标记
{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}
for(i=1;i<picarr.length;i++){
if(files=="") files = picarr[i];
else files += "|"+picarr[i];
}
for(i=1;i<linkarr.length;i++){
if(links=="") links = linkarr[i];
else links += "|"+linkarr[i];
}
for(i=1;i<textarr.length;i++){
if(texts=="") texts = textarr[i];
else texts += "|"+textarr[i];
}
document.write('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="'+ swf_width +'" height="'+ swf_height +'">');
document.write('<param name="movie" value="{dede:global.cfg_templeturl /}/default/images/bcastr3.swf"><param name="quality" value="high">');
document.write('<param name="menu" value="false"><param name=wmode value="opaque">');
document.write('<param name="FlashVars" value="bcastr_file='+files+'&bcastr_link='+links+'&bcastr_title='+texts+'&bcastr_config='+configtg+'">');
document.write('<embed src="{dede:global.cfg_templeturl /}/default/images/bcastr3.swf" wmode="opaque" FlashVars="bcastr_file='+files+'&bcastr_link='+links+'&bcastr_title='+texts+'&bcastr_config='+configtg+'&menu="false" quality="high" width="'+ swf_width +'" height="'+ swf_height +'" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />'); document.write('</object>');
</script>

这个就是整个幻灯片的源代码

找到这段代码
{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] = "/jianshe/taocan/";
picarr[1] = "/templets/xinwang/images/f/1.jpg";
textarr[1] = "欢迎66电脑知识网!”

这样就改好了,然后你发现幻灯片上只有一张图,如果要改成多张图轮番显示,就改成下面这样:
linkarr[1] = "/jianshe/taocan/";
picarr[1] = "/templets/xinwang/images/f/1.jpg";
textarr[1] = "欢迎66电脑知识网!"
linkarr[2] = "/jianshe/taocan/";
picarr[2] = "/templets/xinwang/images/f/1.jpg";
textarr[2] = "欢迎66电脑知识网!"
linkarr[3] = "/jianshe/taocan/";
picarr[3] = "/templets/xinwang/images/f/1.jpg";
textarr[3] = "欢迎66电脑知识网!"
把相应的网址和图片地址及文字改一下就可以了。想加几个就复制几下。
值得注意的是,幻灯片好像不支持站外图片,因此你得把所需显示的图片上传到自己的网站空间里。

最后,为了美观修改一下幻灯片的样式:
用记事本打开首页模板文件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:打开新窗口";

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论