09
2014
01

dede织梦首页flash幻灯片代码调用方法

dede织梦首页flash幻灯片代码调用方法

flash幻灯片对一个网站首页有多重要?幻灯片会提升你的网站专业度指数,现在主流的cms系统基本上默认首页都有幻灯片,当然,目前非常受欢迎的dedecms也不例外,由于使用的人越来越多,致使很多网站的幻灯片都是千篇一律,今天将向大家介绍一下如何在dedecms默认flash幻灯片的基础上修改调用代码使你的网站首页flash与众不同。


第一、幻灯片上相关文字的修改

已5.7版本为例,打开templets\default下的index.html(首页模板),找到“var configtg=”这一行,这里就是设置dedecms幻灯片文字颜色、位置等相关的设置,在上一行有相关的说明,如“//文字颜色|文字位置|文字背景颜色|文字背景透明度|按键文字颜色|按键默认颜色|按键当前颜色|自动播放时间|图片过渡效果|是否显示按钮|打开方式”,也就是说在var configtg=''单引号中第一个是设置文字颜色的,第二个是设置文字位置,2个参数中间以“|”隔开,注意是英文半角状态下输入,他的默认设置是“var configtg='0xffffff|0|0x3FA61F|5|0xffffff|0xC5DDBC|0x000033|2|3|1|_blank';”下面对各参数进行一番说明,以便更好的理解。
文字颜色:题目文字的颜色
文字位置:0表示题目文字在顶端,1表示文字在底部,2表示文字在顶端
文字背景色:设置标题文字的背景色
文字背景透明度:0-100值,0表示全部透明
按键文字颜色:按键数字颜色
按键默认颜色:按键默认的颜色
按键当前颜色:当前图片按键颜色
自动播放时间:单位是秒
图片过渡效果:0,表示亮度过渡,1表示透明度过渡,2表示模糊过渡,3表示运动模糊过渡
是否显示按钮:0,表示隐藏按键部分,更适合做广告挑轮换
打开窗口:_blank表示新窗口打开。_self表示在当前窗口打开。
根据上面的说明,你就可以自由的设置dedecms flash幻灯片的文字、按键、播放时间、图片过渡效果、显示隐藏按钮、点击后打开网页的方式了。
以上是5.7的,可能你的dedecms版本一直没有进行升级,有可能就和上面说的不太一样,从上面可以看出,5.7中是把这些设置信息存放到变量configtg中,之前的版本可能是直接在调用代码中写的,如:FlashVars="bcastr_file='+files+'&bcastr_link='+links+'&bcastr_title='+texts+'&bcastr_config=0xffffff|1|0x0066ff|60|0xffffff|0x0066ff|0x000033|3|2|1|_blank。这个就是直接写在了代码中的,而5.7中的是这样的:FlashVars="bcastr_file='+files+'&bcastr_link='+links+'&bcastr_title='+texts+'&bcastr_config='+configtg+',所以他们本质上还是一样的,你设置的时候只要在这里修改就可以了。


第二、如何去掉dedecms幻灯片上的文章标题

这个是比较简单的,在index.html首页模板中搜索textarr[[field:global.autoindex/]],去掉这一行就可以了,文字位置改成2,不然会有一个白色的背景,很影响美观。

第三、解决dede幻灯片在firefox(火狐浏览器)中标题显示不全


早期的版本中首页幻灯片可能会在firefox(火狐浏览器)中不能把标题完整的显示出来,致使我们的网页用户体验不好,这个问题解决方法也很简单:
同样,在index.html首页模板中搜索“focus_height”,完整的语句是这样的:document.write('<embed src="{dede:global name='cfg_templeturl'/}/img/slide.swf" wmode="opaque" FlashVars="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+focus_width+'&borderheight='+focus_height+'&textheight='+text_height+'" menu="false" bgcolor="#ffffff" quality="high" width="'+ focus_width +'" height="'+ focus_height +'" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />');
把其中的focus_height改为:swf_height即可,5.7版本的默认模板中已经修正了此问题了。

第四、如何修改幻灯片.swf文件的路径


找到document.write('<param name="movie" value="{dede:global.cfg_templeturl /}/default/images/bcastr3.swf">这句,在bcastr3.swf前面写上此文件的具体路径即可,给自己网站首页做一个逞心如意幻灯片,让自己的网站整体风格得到一个改观。

« 上一篇下一篇 »

评论列表:

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。