前端技术
联系方式
您现在的位置:主页 > 前端技术 > 内容

cu3er漂亮3D幻灯在dedecms模板中使用成功经验分享

发布时间:2018-11-06 编辑:环亚

百家乐技术算法cu3er漂亮3D幻灯在dedecms模板中使用成功经验分享
cu3er漂亮3D幻灯在dedecms模板中使用成功经验分享

5.6以前的版本包括5.6版本都说不能使用cu3er3D幻灯。具体原因是不能解析xml文件。这种说法在网上搜出来的结果。但能不能使用cu3er,还的大家证实。我相信还有很多人不会在dede使用cu3er这个漂亮的幻灯。不是这里错就是那里错, 在这里我分享下载dede5.7版本中使用的用法
1、下载好cu3er后 ,加压后, 把images文件夹,config.xml 和cu3er.swf这个3文件都放在你的模版的images下,swfobject.js放到模版目录的js文件夹下。这样目录看起来好看点。
2、复制解压后的index.html里面的代码。如下

  1. <script type="text/javascript" src="js/swfobject.js"></script>
  2. <SCRIPT type=text/javascript>
  3. var flashvars = {};
  4. flashvars.xml ="config.xml";
  5. var params = {};
  6. params.allowscriptaccess = "always";
  7. params.allownetworking = "all";
  8. params.wmode = "transparent";
  9. var attributes = {};
  10. attributes.id = "slider";
  11. swfobject.embedSWF("cu3er.swf", "cu3er_swf", "960", "360", "9", flashvars, params, attributes);
  12. </SCRIPT>
复制到你的首页模版的head里面, 然后修改路径。(这里假设你的模版文件夹名叫cu3er) 修改成如下:


  1. <script type="text/javascript" src="{dede:global.cfg_templeturl /}/cuer/js/swfobject.js"></script>
  2. <SCRIPT type=text/javascript>
  3. var flashvars = {};
  4. flashvars.xml ="{dede:global.cfg_templeturl /}/cuer/images/config.xml";
  5. var params = {};
  6. params.allowscriptaccess = "always";
  7. params.allownetworking = "all";
  8. params.wmode = "transparent";
  9. var attributes = {};
  10. attributes.id = "slider";
  11. swfobject.embedSWF("{dede:global.cfg_templeturl/}/cuer/images/cu3er.swf", "cu3er_swf", "960", "360", "9","#000000",flashvars, params, attributes);
  12. </SCRIPT>
  13. <style type="text/css">
这里需要注意 脚本里面swfobject( ) 这个函数多了一个 “#000000” 参数。里面的值留空也可以,但是这个参数一定要加上去,不然的话会图片显示不出来的。很多人就是这里出了错。
然后顺便配置下你的窗口大小原始的是:960 360. 这个跟需求配置

3、复制:

  1. <div id="cu3er_swf"> </div>
添加到你想要播放图片的地方。

4、接下来打开模版images文件夹下的config.xml 文件。在<slides></sliders>标记里面配置好你的图片路径。到这里基本上就结束了。配置下你的播放按钮和倒计时位置。这个就不用多说了。
好了,更新首页现在你就可以看到漂亮的3d轮播 效果了 。 如果有帮助记得顶一下。

http://www.bkjia.com/dedecms/1274845.htmlwww.bkjia.comtruehttp://www.bkjia.cAAAAedecms/1274845.htmlTechArticlecu3er漂亮3D幻灯在dedecms模板中使用成功经验分享 cu3er漂亮3D幻灯在dedecms模板中使用成功经验分享 5.6以前的版本包括5.6版本都说不能使用cu3...

本文源自: 凯发国际

上一篇:图文详解织梦标签arclist

下一篇:没有了

Copyright © 2005-2016 http://www.erlygoods.com 凯发国际_凯发国际开户礼金_凯发注册送_搜狐财经版权所有 凯发国际_凯发国际开户礼金_凯发注册送_搜狐财经