FlippingBook使用教程(附下載)

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

腳本之家下載：https://www.jb51.net/codes/255326.html

預(yù)覽效果：

它的文件結(jié)構(gòu)如下：

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

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

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

js文件是播放器相關(guān)參數(shù)配置，這個才是重點。

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

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

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

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

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

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

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

對于flippingbook.js

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

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

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

生成的object對象如下：

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