如何在DEDECMS幻灯片中应用JavaScript(js幻灯片移动版)

如何在dedecms幻灯片中使用javascript？

今天在制作模板的时候遇到了一个小问题，不过通过查阅网站上的各种资料，终于解决了。

推荐学习:梦想编织cms

由于这个问题只是和Zero最近学的JavaScript有点关系，Zero就这个问题以及如何实现JavaScript幻灯片效果和DEDECMS调用标签的相互融合做个小总结。

问题:如何在DEDECMS栏目页面中插入幻灯片，同时实现幻灯片中图片、标题、描述的自动调用？

首先，找一个喜欢的幻灯片特效代码。

根据我目前所学的知识制作幻灯片是我力所不及的。做不到怎么办？在网上找源码，当然有很多有源码的网站，但是Zero并不提倡，要努力学习告别这种拿来主义的现状。

其次，将找到的幻灯片代码插入到列模板的相关位置。

插入方法也很简单，需要改变一些调用代码的路径，我想大部分朋友都能理解。(不要忘记在标题中添加调用JS文件)

以Zero使用的幻灯片源文件为例:

JS调用文件

插入页面JS代码

当然，调用结束后，调用文件应该放在相应的目录文件中。

第三步:图片调用代码

把灯放在网页上很容易。但是，要实现幻灯片中图片、标题、描述的自动调用，并不是那么容易的，至少Zero认为不是那么容易完成的(有时候修改JS文件是不可能的)。

以下是Zero在网上找到的幻灯片源文件:

代码如下:

& ltdiv id="FocusObj " >& lt/div & gt；& ltscript type = " text/JavaScript " & gt；& lt！–//var focus _ width = 240；var focus _ height = 300var text _ height = 1；var swf _ height = focus _ height+0；var pics = " images/01 . jpg # # # images/02 . jpg # # # images/03 . jpg # # # images/04 . jpg # # # images/05 . jpg "；var links = " https://www . JB 51 . net/# # # https://www . JB 51 . net/# # # https://www . JB 51 . net/# # # https://www . JB 51 . net/"；Vartexts = "CG渲染的街头霸王4春丽让人喷血# # #网游第一美女能杀周迅吗？# # #这不是CG！这是实打实的比赛截图# #拳皇库拉Cosplsy奖形神兼备# #聚龙会、IEST电竞全民参与”；var descripts="mーrs = "mーRS制作的3D CG人物气场不足，但风格强烈，让人# # #洪报发表标题# # # # forza motorsport，这是XBOX阵营的第一款赛车游戏。在最新的《E3拳皇》中，库拉会发生什么？来全球第三大PC公司联想集团赞助的联想IEST，通过大规则”；var fo = new swf object(" swf/pix . swf "，" _FocusObj "，focus_width，swf_height，" 7 "," F6 F8 fa ")；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 "，" # dcd0c 2 ")；//fo.addVariable("fontsize "，" 24 ")；//fo.addVariable("fontcolor "，" FFFFFF ")；fo.addVariable("is_border "，" ")；fo.addVariable("is_text "，" 1 ")；fo.addParam("wmode "，" opaque ")；fo . write(" focus obj ")；//–& gt；& lt/script & gt；从幻灯片的源代码可以看出，这个幻灯片的所有图片、标题、描述都是固定的，不能灵活调用。要实现灵活呼叫，必须使用DEDE的呼叫标签。这里，Zero使用了dede:arclist的调用标记。但是，打电话时需要注意以下几点:

1，# # #分隔，因为最后一条数据在末尾不需要# #分隔，因此，4项和最后一项需要分开处理。这里零是通过limit标签实现的，以后联系mysql数据库的时候会详细介绍。

2.两段数据之间不能有空格，也就是说像images/01.jpg # # images/02.jpg这样的两段数据之间不允许有空格和换行符，有空格就不能运行。而且arclist调用数据的时候会自动出现空格和换行符，怎么办？修改$ artlist。= $ dtp>获取结果()。" \ r \ n "在arclist.lib.php文件的第413行；修改为:$artlist。= $dtp>GetResult()。(当然，调整JS也能达到同样的效果，但目前Zero对JS还不熟悉，只能通过修改DEDECMS源代码来实现。)

3.幻灯片中的title标签不能出现装饰代码，比如“Zero的php博客——Zero基础PHP教程”。如果这样的标签出现在JS文件中，它们将不会被解释。所以我们需要格式化html文件，所以Zero在标题调用列使用了[field:title function = ' html 2 text(@ me)'/]标签调用。

好了，这里有一张幻灯片，可以自动调用DEDECMS中的图片、标题和描述，调试完毕。

这几篇文章你可能也喜欢：

• Dedecms定义了第一个页面列表页面上的内容模型以及如何调用内容标签（dedecms调用页面）。
• 如何跨域实现DedeCMS digg Ajax
• DedeCMS的tag标签无法保存并自动删除（TAG）怎么办？
• 如何在DEDECMS V5.3/V5.5中修改默认图像上传路径
• 如何消除dededcms专栏列表（dededcms标签文档）推荐的文章的增厚效果

本文由主机参考刊发，转载请注明：如何在DEDECMS幻灯片中应用JavaScript(js幻灯片移动版) https://zhujicankao.com/112463.html