翻书教程(带下载)
FlippingBook是一款flash播放器,具有给书籍充电翻页的效果。在线预览地址:翻书,破解版下载地址备用下载地址
我们下载了://www . JB 51 . net/codes/255326 . html。
预览效果:
其文件结构如下:
其中,css文件夹是一个简单的样式文件,不需要解释,可以根据需要修改。
fla文件夹是由他人反编译的fla文件。
Img文件夹是播放器需要的图片。
Js文件是玩家相关的参数配置,这是重点。
Pages文件夹是书的每一页对应的图片,里面的大文件夹是用来放置双击可以放大的图片的。
放入声音的是翻页时的音效。
以下描述了此翻页播放器的配置:
有两个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 . background color . tostring(16)},其中设置了对象的参数。例如,如果你需要div来覆盖这个播放器,你可以修改如下:
{ allowScriptAccess: '总是',bgcolor : ' # ' this . settings . background color . tostring(16),wmode: '不透明' }
生成的对象对象如下:
这篇文章是我研究的结果,欢迎大家一起拍砖,一起讨论问题。