如何添加 3D Slideshow 到您的網站?

網頁設計

如何添加 3D Slideshow 到您的網站? 我們使用 Web Page Maker 作為一個例子。

1. 解壓 3dslider.zip 並上傳到 Web 服務器

3d-player

2. 在 WPM 選擇菜單 “Insert” -> “HTML code …”, 鍵入以下:

<div id=”piecemaker”></div>

wpm-html1




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>

wpm-page
4. 上傳你的圖片取代 image/slideshow/ 中的幻燈片範例。
5. 如果你想一個不同的的幻燈片大小,修改 css/peacemaker.css, js/peacemaker-2/peacemaker.xml

(轉自互聯網)

Post a comment

 

Loading...