DEDECMS幻灯片中JavaScript实际应用举例

DEDECMS幻灯片中JavaScript实际应用举例,第1张

DEDECMS幻灯片中JavaScript实际应用举例

今天在做模板的时候遇到了一个小问题,但是根据网站上的各种资料,最后还是解决了。

因为这个问题恰好与近期Zero学习培训的JavaScript有一点点关联,因此Zero就将这个问题及其怎样完成JavaScript幻灯片图片动画特效与DEDECMS调用标识的互相结合做一个小小汇总。

问题:如何在DEDECMS的频道页面中插入幻灯片,并完成幻灯片中图片、标题、旁白的自动调用。
首先找一个心爱的幻灯片动画特效代码。
我很惭愧把我现阶段教过的这个专业知识做成幻灯片。这不容易做到。我该怎么办?在网上找源码(https://www.jb51.net/jiaoben/),自然有很多带源码的网址,但是Zero并不提倡,所以我们需要学会认真告别这种拿来主义的现状。
其次,将搜索到的幻灯片图片代码插入频道模板的相关部分。
插入方法也很简单,以至于有些代码的调用方式必须改变,我想大部分朋友都能理解。(也别忘了在表头顶部添加调用的JS文档)
以Zero应用的幻灯片源代码为例:

JS调用文档

JS代码插入到网页中

自然调用后,调用文档也要放在相对文件目录文档下。

第三步:图片调用代码
只要把发光膜放入网页就非常容易了。但是,要完成幻灯片中图片、标题、旁白的自动调用,似乎并不是那么容易。至少Zero感觉没那么容易(就算JS文档改不了)。
下面是Zero在网上找到的幻灯片源代码:

复制以下代码:
<;scripttype="text/JavaScript">;
<;!–//
varfocus_width=240;
varfocus_height=300;
vartext_height=1;
varswf_height=focus_height0;
varpics="images/01.jpg###images/02.jpg###images/03.jpg###images/04.jpg###images/05.jpg";
varlinks="https://www.JB51.net/###https://www.JB51.net/###https://www.JB51.net/###https://www.JB51.net/";
vartexts="CG3D渲染的街头霸王4春丽血腥###网游第一美女怎么可能杀死刘嘉玲?###这不是CG!是具体游戏图片###形神兼备的拳皇库拉的Cosplsy奖励###聚龙会携手并肩参加IEST电竞”;
vardescriptions="mーRS制作的三维CG人物不够精神,但设计风格明显,让人###洪报文化娱乐版刊登###forzamotorsport,点名和刘嘉玲提出分手,这是XBOXpower的第一次赛车之旅。库拉从全新的###拳皇来到了E3。来###大家都觉得IEST是全球第三大PC公司联想控股,按大规则”;
varfo=newswfobject("swf/pix.swf","_FocusObj",focus_width,swf_height,"7","F6F8fa");
fo.addVariable("pics",图片);
fo.addVariable("links",链接);
fo.addVariable("texts",文本);
fo.addvariable("descripts",descripts);
fo.addvariable("borderwidth",focus_width);
fo.addvariable("borderheight",focus_height);
//fo.addvariable("textheight",text_height);
fo.addvariable("border_color","#dcd0c2");
//fo.addvariable("fontsize","24");
//fo.addvariable("fontcolor","FFFFFF");
fo.addvariable("is_border","");
fo.addVariable("is_text","1");
fo.addParam("wmode","opaque");
fo.write("focusobj");
//–>;
<;/script>;

从幻灯片的源代码可以看出,这个灯展的所有图片、标题、描述都是固定的,无法方便调用。如果你想完成方便的呼叫,你必须采用DEDE的呼号。这里,Zero通过应用dede:arclist标记完成了调用。但是调用的时候一定要注意以下几个方面:
1、###分开,因为最后一条数据信息的结尾没有用###分开,所以1-4条和最后一条必须分开解析。这里,零是用极限标志完成的。limitlogo在后面接触mysql数据库查询的时候会有详细解释。
2。两段数据信息中间不能有空。换句话说,像images/01.jpg##images/02.jpg这样的两条数据信息中间不能有空,如果有也不行。但是arclist调用数据信息时,会自动出现空大小写和自动换行,怎么办?更改$artlist。=$DTP2-->在arclist.lib.php文件的第413行。GetResult()。”\r\n”;更改为:$artlist。=$DTP2-->;GetResult().(自然也可以通过调整JS达到同样的实际效果,但现阶段Zero对JS的了解还不够,只能通过修改DEDECMS源代码来实现)
3.装饰代码,如“;Zero的phpblog-zero基础PHP实例教程

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zz/773651.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-03
下一篇 2022-05-03

发表评论

登录后才能评论

评论列表(0条)

保存