dedecms新手建站教程网页设计(DEDECMS幻灯片中JavaScript实际应用举例)
dedecms新手建站教程网页设计
DEDECMS幻灯片中JavaScript实际应用举例由于这个问题正好与最近Zero学习的JavaScript有一点点关系,所以Zero就将这个问题以及如何实现JavaScript幻灯特效与DEDECMS调用标签的相互融合做一个小小的总结。
问题:如何在DEDECMS栏目页插入幻灯片,同时实现幻灯片里面的图片、标题、描述自动调用。
第一、找一个心仪的幻灯片特效代码。
就我目前所学到的这点知识要做一个幻灯片那真是望尘莫及,不会做怎么办?网上找源码(http://www.aspku.net/),当然有源码的网址还有很多,但是Zero并不提倡,所以就要努力学习告别这种拿来主义的现状。
第二、将找到的幻灯代码插入到栏目模板的相关位置。
插入方法也很简单,至需要改变一些调用代码的路径,这点我想大部分朋友都能够理解。(同时别忘了在头部加上调用JS文件)
以Zero所使用的幻灯片源文件为例:
当然调用完以后还要将调用文件放在相应的目录文件下。
第三步:图片调用代码
只将放灯片放到网页中,是件很容易的事情。但是要实现幻灯片中的图片、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标签里不能出现修饰性代码,比如“<font color=’#FF0000′>Zero的php博客-零基础PHP教程</font> ”。如果出现这类标签在JS文件中,将不能被解释。因此我们需要格式化html文件,因此在title调用一栏中Zero使用了[field:title function='html2text(@me)'/]标签调用。
好了到这里一个能在DEDECMS里自动调用图片、title、描述的幻灯片就调试完毕了。
- dedecms的dedesql.class.php on line 489错误的解决方法(dedecms的dedesql.class.php on line 489错误的解决方法)
- dedecms更新后支付宝接口提示错误ILLEGAL_EXTERFACE的解决方法(dedecms更新后支付宝接口提示错误ILLEGAL_EXTERFACE的解决方法)
- thinkphp兼容dedecms(DedeCMS Error:Tag disabled:"php"的解决办法)
- dedecms关键词限制(dedecms tag标签伪静态的修改方法)
- dedecms单页面栏目(DEDECMS 获取当前栏目及所有子栏目的文章数量)
- dedecms中的有些功能如何修改(织梦DedeCMS默认文件夹重命名的方法)
- 织梦怎么使用tag标签(织梦dedecms使用weight排序无效的解决方法)
- dedecms内容上下篇功能(dedecms按键盘方向键实现上一篇下一篇翻页功能)
- dedecms水印(dedecms上传透明背景图片变成黑色的解决办法)
- dedecms怎么调用标签(织梦DEDECMS dede:arclist,dede:list获取附加表字段内容的方法)
- dede调用tag标签(dedecms tag标签实现随机颜色和字体大小)
- dede织梦cms安装教程(开源织梦dedecms快速搬家图文教程)
- dedecms网站二次开发教程(DEDECMS实现自定义表单模型分步提交实现思路)
- dedecms默认水印(DEDECMS显示英文日期时间的方法)
- dedecms怎么判断授权(DedeCms模板防盗以及安全设置的一些小技巧)
- dedecms分页效果(dedecms重新定义cn_substr函数截取字数更准确)
- 到了岁末 临门一脚 节点,天台综合督评会目标直指 全年红(到了岁末临门一脚)
- 寒假余额不满24小时,不如来一场说走就走的亲子阅读之旅(寒假余额不满24小时)
- 省委书记出席的交流会,十位县委书记同场发言,代表公文材料的高水平(省委书记出席的交流会)
- 《刘老根3》热播,去世15年的她却再次被 伤害(去世15年的她却再次被)
- 十二星座爱情支配欲指数(十二星座爱情支配欲指数)
- 虐待儿童是发泄支配欲的愚蠢行为(虐待儿童是发泄支配欲的愚蠢行为)
热门推荐
- linux什么时候使用信号(浅谈Linux信号机制)
- laravel前后端分离实现排序(laravel自定义分页的实现案例offset和limit)
- vue2和vue3都如何创建项目(vue3.0+vite2实现动态异步组件懒加载)
- dedecms如何做弹窗(dedecms实现将表单订单发送到邮箱实例代码)
- mac鼠标怎么实现触摸板功能(鼠标滚轮事件和Mac触控板双指事件)
- html5 canvas touch(html5 canvas手势解锁源码分享)
- sqlserverdate格式比较(sqlserver之datepart和datediff应用查找当天上午和下午的数据)
- python中的冒号怎么看(python 列表中[ ]中冒号‘:’的作用)
- linux系统编程语法(简析Linux网络编程函数)
- stopPropagation、return false、preventDefault区别
排行榜
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9