什麼是CU3ER？
CU3ER ，是一個三維圖像幻燈片和照片畫廊。這是視覺上的吸引力幻燈片和畫廊的理想解決方案，促進産品和服務在您的網站上。
我們建立了一套工具，讓您的CU3ER的生活更輕松。有CU3ER帳戶，您可以通路：
cManager - web應用建立非常好看的CU3ER幻燈片
wpCU3ER - WordPress的插件在WordPress容易嵌入CU3ER的幻燈片
是什麼讓CU3ER特别？
CU3ER帶來的創造力，你的網頁設計過程，使您的内容眼上口，并提供獨特的視覺體驗提升到您的網站通路者。
此圖檔滑塊配備的功能，增強的觀看幻燈片的使用者體驗的範圍很大。它們可以組合在一起 - 襯裡轉換，3D視覺增強功能，使用者界面和名額。
要求
-
必備知識
本文要求基本了解 JAVASCRIPT 和 XML基礎文法知識。 -
運作環境
支援Flash Player的浏覽器/Flash Player11及以上 -
示範位址
示範位址 下載下傳位址
來自CU3ER官方的一段介紹:
過渡
3D視覺增強
名額
CU3ER提供了多套幻燈片模版,并提供了線上制作工具cManager,和完善的文檔和視訊教程。
3D模版:
照片畫廊:
适用于觸控面闆:
獨特的相機和陰影效果:
帶縮略圖的3D效果:
帶Mac框的模版:
線上自作工具:
文檔:
下面是我用cManager導出的一個項目:
那麼如何用最簡單方式将幻燈片導入到自己的項目中呢?
在要導入的頁面中添加以下幾行代碼:
<style>
body{ background:#333333;}
object{ box-shadow:0 0 15px rgba(0,0,0,0.8); margin:80px auto; display:block;}
</style>
<div id="CU3ER" >
</div>
<script type="text/javascript" src="js/swfobject.js"></script>
<script type="text/javascript" src="js/CU3ER.js"></script>
<script type="text/javascript">
// add your FlashVars
var vars = { xml_location : 'CU3ER-config.xml', width:'840', height:'480' };
// add Flash embedding parameters, etc. wmode, bgcolor...
var params = { bgcolor : '#ffffff' };
params.allowScriptAccess = "always";
// Flash object attributes id and name
var attributes = { id:'CU3ER', name:'CU3ER' };
// dynamic embed of Flash, set the location of expressInstall if needed
swfobject.embedSWF('CU3ER.swf', "CU3ER", 840, 480, "10.0.0",
"js/expressinstall.swf", vars, params, attributes );
// initialize CU3ER class containing Javascript controls and events for CU3ER
var CU3ER_object = new CU3ER("CU3ER");
</script> 項目導出後可以通過修改config.xml配置檔案來從新自定義幻燈片資訊,
關于 config.xml 配置檔案的修改官方文檔中提供了詳細的說明:
http://docs.getcu3er.com/xml/settings
那麼有的人就會說了 XML配置檔案要手動修改嗎，那太麻煩了，沒什麼實用價值了啊！
好吧，你們赢了！！
關于 JAVA操作XML和 PHP操作XML将會到後續的文章中介紹，
請大家多多支援。
下面附上我的導出項目的示範位址和下載下傳位址,當然在文章的開始處已經給出了，我還是在寫一遍吧:
初來乍到，請大家大家多多支援！！
路過的留下腳印。
作者:Li-Cheng
出處:http://www.cnblogs.com/Li-Cheng/p/3590111.html
本文版權歸作者和部落格園共有，歡迎轉載，但未經作者同意必須保留此段聲明，且在文章頁面明顯位置給出原文連接配接，否則保留追究法律責任的權利。