DEDECMS幻灯片中JavaScript的应用方式-创新互联

创新互联www.cdcxhl.cn八线动态BGP香港云服务器提供商，新人活动买多久送多久，划算不套路！

创新互联建站服务项目包括右玉网站建设、右玉网站制作、右玉网页制作以及右玉网络营销策划等。多年来，我们专注于互联网行业，利用自身积累的技术优势、行业经验、深度合作伙伴关系等，向广大中小型企业、政府机构等提供互联网行业的解决方案，右玉网站推广取得了明显的社会效益与经济效益。目前，我们服务的客户以成都为中心已经辐射到右玉省份的部分城市，未来相信会继续扩大服务区域并继续获得客户的支持与信任！

DEDECMS幻灯片中JavaScript的应用方式？这个问题可能是我们日常学习或工作经常见到的。希望通过这个问题能让你收获颇深。下面是小编给大家带来的参考内容，让我们一起来看看吧！

DEDECMS幻灯片中JavaScript怎么应用？

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

由于这个问题正好与最近Zero学习的JavaScript有一点点关系，所以Zero就将这个问题以及如何实现JavaScript幻灯特效与DEDECMS调用标签的相互融合做一个小小的总结。

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

第一、找一个心仪的幻灯片特效代码。

就我目前所学到的这点知识要做一个幻灯片那真是望尘莫及，不会做怎么办？网上找源码，当然有源码的网址还有很多，但是Zero并不提倡，所以就要努力学习告别这种拿来主义的现状。

第二、将找到的幻灯代码插入到栏目模板的相关位置。

插入方法也很简单，至需要改变一些调用代码的路径，这点我想大部分朋友都能够理解。（同时别忘了在头部加上调用JS文件）

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

JS调用文件

插入页面JS代码

当然调用完以后还要将调用文件放在相应的目录文件下。

第三步：图片调用代码

只将放灯片放到网页中，是件很容易的事情。但是要实现幻灯片中的图片、title、描述自动调用就显得不那么容易了，至少Zero就认为不那么容易完成（有其是对JS文件无法修改的时候）。

下面是Zero在网上找的幻灯片源文件：

代码如下:

从幻灯片的源码中可以看出本放灯片的所有图片、title、描述都是固定的，不能灵活调用。如果要实现灵活调用，我们就必须要用到DEDE的调用标签，这里Zero使用了dede:arclist标签实现了调用。不过在调用时我们需要注意以下几点：

1、###分隔，由于最后一条数据结尾不需要###分隔，因此1-4条和最后一条需要分开处理。这里Zero采用limit标签实现，limit标签在以后接触mysql数据库时会详细介绍。

2、两条数据中间不能有空格，也就是说images/01.jpg###images/02.jpg这样的两条数据之间是不能允许有空格和换行的，如果有则不能运行。而arclist调用数据时会自动出现空格和换行，那么怎么办呢？修改arclist.lib.php文件413行中的$artlist .= $dtp2->GetResult().”\r\n”;修改为：$artlist .= $dtp2->GetResult()。（当然通过调整JS也可以达到同样的效果，但是目前Zero对于JS还不够熟悉因此只能通过修改DEDECMS源码来实现）

3、幻灯片中的title标签里不能出现修饰性代码，比如“Zero的php博客-零基础PHP教程 ”。如果出现这类标签在JS文件中，将不能被解释。因此我们需要格式化html文件，因此在title调用一栏中Zero使用了[field:title function='html2text(@me)'/]标签调用。

好了到这里一个能在DEDECMS里自动调用图片、title、描述的幻灯片就调试完毕了。

感谢各位的阅读！看完上述内容，你们对DEDECMS幻灯片中JavaScript的应用方式大概了解了吗？希望文章内容对大家有所帮助。如果想了解更多相关文章内容，欢迎关注创新互联-成都网站建设公司行业资讯频道。

当前文章：DEDECMS幻灯片中JavaScript的应用方式-创新互联
网站网址：http://mswzjz.cn/article/ceiehs.html