久久久精品2019免费观看_亚洲国产精品成人久久久_69国产成人综合久久精品91_国产精品久久精品视

在dedecms模板中加cu3er漂亮3D幻燈的方法

這里用的是

1、下載好cu3er后 ,加壓后, 把images文件夾,config.xml 和cu3er.swf這個3文件  都放在你的模版的images下,swfobject.js放到模版目錄的js文件夾下。這樣目錄看起來好看點。
2、復制解壓后的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>

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

3、復制:
復制代碼

<div id="cu3er_swf"> </div>

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

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

這個要想加載成功除了按照上面的 代碼加載進DEDE風格頁面里面之外,關鍵之處在于

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

……省略部分編碼

<slides>

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

<trans

<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://你現在使用的網站空間地址/images/ceshi_1.jpg</url>
<link target="_blank">圖片鏈接文章地址</link>
</slide>

<transition direction="left"/>

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

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

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

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

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

還有最好不要使用{dede:global.cfg_templeturl /}這個標簽
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
應該能明白怎么回事了
測試下,100%加載成功了!?。?!


 

未經允許不得轉載:445IT之家 » 在dedecms模板中加cu3er漂亮3D幻燈的方法

贊 (0) 打賞

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

微信掃一掃打賞