cu3er漂亮3D幻燈在dedecms模板中使用成功經(jīng)驗(yàn)分享
5.6以前的版本包括5.6版本都說不能使用cu3er3D幻燈。具體原因是不能解析xml文件。這種說法在網(wǎng)上搜出來的結(jié)果。但能不能使用cu3er,
還的大家證實(shí)。 我相信還有很多人不會在dede使用cu3er這個漂亮的幻燈。不是這里錯就是那里錯,
在這里我分享下載dede5.7版本中使用的用法 1、下載好cu3er后 ,加壓后, 把images文件夾,config.xml 和cu3er.swf這個3文件 都放在你的模版的images下,swfobject.js放到模版目錄的js文件夾下。這樣目錄看起來好看點(diǎn)。 2、復(fù)制解壓后的index.html里面的代碼。如下
- <script type="text/javascript" src="js/swfobject.js"></script>
- <SCRIPT type=text/javascript>
- var flashvars = {};
- flashvars.xml = "config.xml";
- var params = {};
- params.allowscriptaccess = "always";
- params.allownetworking = "all";
- params.wmode = "transparent";
- var attributes = {};
- attributes.id = "slider";
- swfobject.embedSWF("cu3er.swf", "cu3er_swf", "960", "360", "9", flashvars, params, attributes);
- </SCRIPT>
復(fù)制到你的首頁模版的head里面, 然后修改路徑。(這里假設(shè)你的模版文件夾名叫cu3er) 修改成如下:
- <script type="text/javascript" src="{dede:global.cfg_templeturl /}/cuer/js/swfobject.js"></script>
- <SCRIPT type=text/javascript>
- var flashvars = {};
- flashvars.xml = "{dede:global.cfg_templeturl /}/cuer/images/config.xml";
- var params = {};
- params.allowscriptaccess = "always";
- params.allownetworking = "all";
- params.wmode = "transparent";
- var attributes = {};
- attributes.id = "slider";
- swfobject.embedSWF("{dede:global.cfg_templeturl/}/cuer/images/cu3er.swf",
"cu3er_swf", "960", "360", "9","#000000",flashvars, params,
attributes);
- </SCRIPT>
- <style type="text/css">
這里需要注意 腳本里面swfobject( ) 這個函數(shù)多了一個 “#000000” 參數(shù)。里面的值留空也可以,但是這個參數(shù)一定要加上去,不然的話會圖片顯示不出來的。很多人就是這里出了錯。 然后順便配置下你的窗口大小原始的是:960 360. 這個跟需求配置 3、復(fù)制:
- <p id="cu3er_swf"> </p>
添加到你想要播放圖片的地方。 4、接下來打開模版images文件夾下的config.xml 文件。在<slides></sliders>標(biāo)記里面配置好你的圖片路徑。到這里基本上就結(jié)束了。配置下你的播放按鈕和倒計時位置。這個就不用多說了。 好了,更新首頁現(xiàn)在你就可以看到漂亮的3d輪播 效果了 。 如果有幫助記得頂一下。
|