如何添加 3D Slideshow 到您的網站? 我們使用 Web Page Maker 作為一個例子。
1. 解壓 3dslider.zip 並上傳到 Web 服務器
2. 在 WPM 選擇菜單 “Insert” -> “HTML code …”, 鍵入以下:
<div id="piecemaker"></div>
3. In WPM, 選擇菜單”Format” -> “Page Properties” -> “Header”
<!--CSS FILES STARTS--> <link rel="shortcut icon" type="image/gif" href="images/favicon.gif"/> <link rel="stylesheet" id="skins-switcher" href="css/style.css" type="text/css" media="screen"/> <!--JS FILES STARTS--> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script> <!-- JQUERY --> <!-- CUSTOM JS --> <script type="text/javascript" src="js/swfobject/swfobject.js"></script> <script type="text/javascript" src="js/swfobject/settings.js"></script>
4. 上傳你的圖片取代 image/slideshow/ 中的幻燈片範例。
5. 如果你想一個不同的的幻燈片大小,修改 css/peacemaker.css, js/peacemaker-2/peacemaker.xml
Facebook Comments