DEDECMS幻灯片中JavaScript怎么应用

发布日期： 2019-12-24 阅读量： 作者： ADMIN

dedecms幻灯片中javascript怎么应用？

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

推荐学习：织梦cms

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

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

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

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

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

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

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

JS调用文件

插入页面JS代码

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

第三步：图片调用代码

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

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

代码如下:

<div></div> 
<script> 
<!–// 
var focus_width=240; 
var focus_height=300; 
var 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.jb51.net/###https://www.jb51.net/###https://www.jb51.net/###https://www.jb51.net/###https://www.jb51.net/”; 
var texts=”CG渲染的街霸4春丽让人喷血###网游第一美女竟能秒杀周迅？###这不是CG！这是实际游戏截图###神形兼备的拳皇库拉Cosplsy赏###聚龙汇携手IEST 电竞全民参与”; 
var descripts=”MーRS所制作的3D CG人物灵气不足，但风格强烈，让人###香港《明报》文娱版刊登了题为《李大齐与周迅分手的###《极限竞速》是XBOX阵营第一赛车游戏，在E3上最新的###《拳皇》中的库拉走到现实中会是个什么样呢？我们来###联想IEST由全球第三大PC企业联想集团主办，通过大规”; 
var fo = new SWFObject(“swf/pix.swf”, “_FocusObj”, focus_width, swf_height, “7″,”F6F8FA”); 
fo.addVariable(“pics”, pics); 
fo.addVariable(“links”, links); 
fo.addVariable(“texts”, 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>

登录后复制

# DEDECMS

相关栏目：【 SEO优化45326 】【技术教程24582 】【 IDC资讯40819 】【网络快讯1784 】【 SEO推广1744 】

上一篇: S2SH开发小程序的图文代码分享

DEDECMS幻灯片中JavaScript怎么应用

随便看看