首页 > 帮助中心

DEDECMS幻灯片中JavaScript怎么应用

来源:   时间:2024-10-16 15:55:24 浏览量:
dedecms幻灯片中javascript怎么应用? 今天在制作模板的时候遇到了一个小问题,不过通过查阅网站上的各种资料最终还是得以解决了。 推荐学习:织

dedecms幻灯片中javascript怎么应用?

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

  推荐学习:织梦cms

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

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

立即学习“Java免费学习笔记(深入)”;

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

    就我目前所学到的这点知识要做一个幻灯片那真是望尘莫及,不会做怎么办?网上找源码,当然有源码的网址还有很多,但是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怎么应用,本文链接:https://www.htuwang.com/help/128472.html;若您认为本文侵犯了您的版权信息,或您发现该内容有任何违法信息,请联系我们修改或者删除处理,联系邮件(邮箱号:kefu@qianu.com)。

精选推荐

热门阅读