FlippingBook使用教程(附下載)
FlippingBook是一款收費的圖書翻頁效果的flash播放器。在線預覽地址:FlippingBook,破解版下載地址 備用下載地址
腳本之家下載:http://www.dbjr.com.cn/codes/255326.html
預覽效果:
它的文件結構如下:
其中:css文件夾是一個簡單的樣式文件,不需要做什么說明,可以根據(jù)需要修改。
fla文件夾是別人反編譯fla文件。
img文件夾是播放器所需要的圖片.
js文件是播放器相關參數(shù)配置,這個才是重點。
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,或者你設置為網(wǎng)站的絕對路徑。
另一個就是{allowScriptAccess: "always", bgcolor: "#" + this.settings.backgroundColor.toString( 16 ) }這個代碼段了,這里是對object對象參數(shù)設置。比如,如果你需要div能夠遮蓋住本播放器可以修改如下:
{allowScriptAccess: "always", bgcolor: "#" + this.settings.backgroundColor.toString( 16 ),wmode: "opaque" }
生成的object對象如下:
本文是本人研究的成果,歡迎拍磚,有問題共同探討。
相關文章
Eclipse 格式化代碼時不換行與自動換行的實現(xiàn)方法
每次用Eclipse自帶的Ctrl+shift+f格式化代碼時,如果原來的一行代碼大于80列,Eclipse就會自動換為多行,這點個人感覺不是很舒服,簡單試了一下,通過以下方式可以修改2009-05-05解決Unable to access ''https://gitee.com/自己的項目/'': Could not r
這篇文章主要介紹了解決Unable to access 'https://gitee.com/自己的項目/': Could not resolve host: gitee.com問題,需要的朋友可以參考下2020-09-09