花魁直播高品质美女在线视频互动社区 - 花魁直播官方版

 歡迎來到素材無憂網(wǎng),按 + 收藏我們
登錄 注冊 退出 找回密碼

cu3er漂亮3D幻燈在dedecms模板下載中使用方法

時間： 2019-05-13 11:33 閱讀： 次 作者：素材無憂網(wǎng)

5.6以前的版本包括5.6版本都說不能使用cu3er3D幻燈。具體原因是不能解析xml文件。這種說法在網(wǎng)上搜出來的結(jié)果。但能不能使用cu3er， 還的大家證實。  我相信還有很多人不會在dede使用cu3er這個漂亮的幻燈。不是這里錯就是那里錯， 在這里我分享下載dede5.7版本中使用的用法
1、下載好cu3er后 ，加壓后， 把images文件夾，config.xml 和cu3er.swf這個3文件  都放在你的模版的images下，swfobject.js放到模版目錄的js文件夾下。這樣目錄看起來好看點。
2、復(fù)制解壓后的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>

復(fù)制到你的首頁模版的head里面， 然后修改路徑。（這里假設(shè)你的模版文件夾名叫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( ) 這個函數(shù)多了一個 “#000000” 參數(shù)。里面的值留空也可以，但是這個參數(shù)一定要加上去，不然的話會圖片顯示不出來的。很多人就是這里出了錯。
然后順便配置下你的窗口大小原始的是：960 360. 這個跟需求配置

3、復(fù)制：

  1. <p id="cu3er_swf"> </p>

添加到你想要播放圖片的地方。

4、接下來打開模版images文件夾下的config.xml 文件。在<slides></sliders>標(biāo)記里面配置好你的圖片路徑。到這里基本上就結(jié)束了。配置下你的播放按鈕和倒計時位置。這個就不用多說了。
   好了，更新首頁現(xiàn)在你就可以看到漂亮的3d輪播 效果了 。 如果有幫助記得頂一下。
測試不成功的原因：
加載不成功的問題已經(jīng)找到問題的解決方法了，其實這個問題論壇里好多人都知道是什么原因，但是就是不愿意說，藏著掖著，真不知道有什么意思

這個要想加載成功除了按照上面的 代碼加載進(jìn)DEDE風(fēng)格頁面里面之外，關(guān)鍵之處在于

config.xml里的圖片路徑的編輯， 一定要是你的圖片HTTP://你的網(wǎng)站空間域名+/圖片路徑
而不能用常規(guī)的那個 如

......省略部分編碼

<slides>

<slide>
<url>images/ceshi_1.jpg</url>---------------------這都地址要改
<link target="_blank">圖片鏈接文章地址</link>
</slide>

<transition direction="left"/>

<slide>
<url>images/ceshi_2.jpg</url>---------------------這都地址要改
<link target="_blank">圖片鏈接文章地址</link>
</slide>

<transition duration="0.6" delay=".2" direction="down"/>

<slide>
<url>images/ceshi_3.jpg</url>---------------------這都地址要改
<link target="_blank">圖片鏈接文章地址</link>
</slide>

<transition num="3" slicing="horizontal" direction="left" delay="0.05"/>

<slide>
<url>images/ceshi_4.jpg</url>---------------------這都地址要改
<link target="_blank">圖片鏈接文章地址</link>
</slide>

改成一下代碼：
......省略部分編碼

<slides>

<slide>
<url>http://你現(xiàn)在使用的網(wǎng)站空間地址/images/ceshi_1.jpg</url>
<link target="_blank">圖片鏈接文章地址</link>
</slide>

<transition direction="left"/>

<slide>
<url>http://你現(xiàn)在使用的網(wǎng)站空間地址/images/ceshi_2.jpg</url>
<link target="_blank">圖片鏈接文章地址</link>
</slide>

<transition duration="0.6" delay=".2" direction="down"/>

<slide>
<url>http://你現(xiàn)在使用的網(wǎng)站空間地址/images/ceshi_3.jpg</url>
<link target="_blank">圖片鏈接文章地址</link>
</slide>

<transition num="3" slicing="horizontal" direction="left" delay="0.05"/>

<slide>
<url>http://你現(xiàn)在使用的網(wǎng)站空間地址/images/ceshi_4.jpg</url>
<link target="_blank">圖片鏈接文章地址</link>
</slide>

還有最好不要使用{dede:global.cfg_templeturl /}這個標(biāo)簽
flashvars.xml = "config.xml";----路徑最好改以下 如： flashvars.xml = "/abc/cu3er/config.xml";
swfobject.embedSWF("{dede:global.cfg_templeturl/}/cuer/images/cu3er.swf"----路徑最好改以下 不用{dede:global.cfg_templeturl/} 而用 /abc/cu3e/cu3e.swf
應(yīng)該能明白怎么回事了
測試下，100%加載成功了?。。?！

cu3er.zip


版權(quán)聲明： 本站資源均來自互聯(lián)網(wǎng)或會員發(fā)布，如果侵犯了您的權(quán)益請與我們聯(lián)系，我們將在24小時內(nèi)刪除！謝謝！

轉(zhuǎn)載請注明： cu3er漂亮3D幻燈在dedecms模板下載中使用方法

標(biāo)簽：  
模板推薦