FlippingBook使用教程

FlippingBook是一款收費的圖書翻頁效果的Flash播放器。在線預覽地址：FlippingBook，破解版下載地址 備用下載地址

預覽效果：

它的文件結構如下：

其中：CSS文件夾是一個簡單的樣式文件，不需要做什么說明，可以根據需要修改。

fla文件夾是別人反編譯fla文件。

img文件夾是播放器所需要的圖片.

js文件是播放器相關參數配置，這個才是重點。

pages文件夾就是圖書的每一頁對應的圖片了，它里面的large文件夾用于放置雙擊放大看到的圖片。

sounds里面放的是翻頁時的聲音效果。

下面對這款翻頁播放器配置說明：

這里有兩個js文件需要我們特別關注：bookSettings.js和flippingbook.js。前者用于設置播放器，后者是播放器文件，提供默認設置。

圖中：2~7行代碼是圖書頁面圖片，這個沒什么好說的。

11~16行是圖書左下角的下拉框設置，比如可以通過下拉框直接返回到首頁，目錄頁等。

19~31行就是播放器的設置了。分別是圖書的寬，高，背景顏色等設置。注意，這些設置并不是所有的設置，更多設置可以在flippingbook.js里面查找。

對于flippingbook.js

需要注意的是：FlippingBook.swf就是我們的播放器文件了，這個文件的路徑是相對于它所嵌套的html或其他頁面的路徑設置的。比如上面文件結構截圖中，它和index.html是在同一目錄，所以這里路徑就相對于index.html，或者你設置為網站的絕對路徑。

另一個就是{allowScriptaccess: "always", bgcolor:  "#" + this.settings.backgroundColor.toString( 16 ) }這個代碼段了，這里是對object對象參數設置。比如，如果你需要div能夠遮蓋住本播放器可以修改如下：

{allowScriptAccess: "always", bgcolor:  "#" + this.settings.backgroundColor.toString( 16 ),wmode: "opaque" }

生成的object對象如下：

本文是本人研究的成果，歡迎拍磚，有問題共同探討。

本教程圖片版：http://yunpan.cn/QIwB6ZqsSTSad