FlippingBook使用教程(附下載)
FlippingBook是一款收費(fèi)的圖書(shū)翻頁(yè)效果的flash播放器。在線(xiàn)預(yù)覽地址:FlippingBook,破解版下載地址 備用下載地址
腳本之家下載:http://www.dbjr.com.cn/codes/255326.html
預(yù)覽效果:
它的文件結(jié)構(gòu)如下:
其中:css文件夾是一個(gè)簡(jiǎn)單的樣式文件,不需要做什么說(shuō)明,可以根據(jù)需要修改。
fla文件夾是別人反編譯fla文件。
img文件夾是播放器所需要的圖片.
js文件是播放器相關(guān)參數(shù)配置,這個(gè)才是重點(diǎn)。
pages文件夾就是圖書(shū)的每一頁(yè)對(duì)應(yīng)的圖片了,它里面的large文件夾用于放置雙擊放大看到的圖片。
sounds里面放的是翻頁(yè)時(shí)的聲音效果。
下面對(duì)這款翻頁(yè)播放器配置說(shuō)明:
這里有兩個(gè)js文件需要我們特別關(guān)注:bookSettings.js和flippingbook.js。前者用于設(shè)置播放器,后者是播放器文件,提供默認(rèn)設(shè)置。
圖中:2~7行代碼是圖書(shū)頁(yè)面圖片,這個(gè)沒(méi)什么好說(shuō)的。
11~16行是圖書(shū)左下角的下拉框設(shè)置,比如可以通過(guò)下拉框直接返回到首頁(yè),目錄頁(yè)等。
19~31行就是播放器的設(shè)置了。分別是圖書(shū)的寬,高,背景顏色等設(shè)置。注意,這些設(shè)置并不是所有的設(shè)置,更多設(shè)置可以在flippingbook.js里面查找。
對(duì)于flippingbook.js
需要注意的是:FlippingBook.swf就是我們的播放器文件了,這個(gè)文件的路徑是相對(duì)于它所嵌套的html或其他頁(yè)面的路徑設(shè)置的。比如上面文件結(jié)構(gòu)截圖中,它和index.html是在同一目錄,所以這里路徑就相對(duì)于index.html,或者你設(shè)置為網(wǎng)站的絕對(duì)路徑。
另一個(gè)就是{allowScriptAccess: "always", bgcolor: "#" + this.settings.backgroundColor.toString( 16 ) }這個(gè)代碼段了,這里是對(duì)object對(duì)象參數(shù)設(shè)置。比如,如果你需要div能夠遮蓋住本播放器可以修改如下:
{allowScriptAccess: "always", bgcolor: "#" + this.settings.backgroundColor.toString( 16 ),wmode: "opaque" }
生成的object對(duì)象如下:
本文是本人研究的成果,歡迎拍磚,有問(wèn)題共同探討。
相關(guān)文章
如何在Unity中使用VR暴風(fēng)魔鏡藍(lán)牙手柄
鑒于某些手機(jī)在使用大朋SDK以及谷歌SDK時(shí)會(huì)出現(xiàn)神器的小屏現(xiàn)象(比如某想的)故為了能夠最大程度的兼容更多的手機(jī),決定使用暴風(fēng)魔鏡的SDK。廢話(huà)不多說(shuō)直接將使用暴風(fēng)魔鏡SDK時(shí)遇到的問(wèn)題以及解決方案簡(jiǎn)單的羅列一下2021-09-09Unity開(kāi)發(fā)VR項(xiàng)目問(wèn)題總結(jié)分析
本篇文章主要對(duì)Unity開(kāi)發(fā)VR項(xiàng)目會(huì)遇到的一些問(wèn)題總結(jié),針對(duì)這些問(wèn)題進(jìn)行分析解決,有需要的朋友可以借鑒參考下,希望對(duì)大家有所幫助2021-09-09Eclipse 格式化代碼時(shí)不換行與自動(dòng)換行的實(shí)現(xiàn)方法
每次用Eclipse自帶的Ctrl+shift+f格式化代碼時(shí),如果原來(lái)的一行代碼大于80列,Eclipse就會(huì)自動(dòng)換為多行,這點(diǎn)個(gè)人感覺(jué)不是很舒服,簡(jiǎn)單試了一下,通過(guò)以下方式可以修改2009-05-05git 配置多個(gè)SSH-Key實(shí)現(xiàn)示例
這篇文章主要為大家介紹了git 配置多個(gè)SSH-Key實(shí)現(xiàn)示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-07-07解決Unable to access ''https://gitee.com/自己的項(xiàng)目/'': Could not r
這篇文章主要介紹了解決Unable to access 'https://gitee.com/自己的項(xiàng)目/': Could not resolve host: gitee.com問(wèn)題,需要的朋友可以參考下2020-09-09git-pycharm配置.ignore文件的詳細(xì)過(guò)程
在開(kāi)發(fā)中經(jīng)常需要配置提交git的忽略文件,本篇來(lái)學(xué)習(xí)下使用pycharm自動(dòng)生成.ignore文件,感興趣的朋友跟隨小編一起看看吧2023-06-06詳解Idea 2020 找不到或無(wú)法安裝官方漢化包解決方案
這篇文章主要介紹了詳解Idea 2020 找不到或無(wú)法安裝官方漢化包解決方案,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-04-04