手机版

翻书教程(带下载)

时间:2021-09-09 来源:互联网 编辑:宝哥软件园 浏览:

FlippingBook是一款flash播放器,具有给书籍充电翻页的效果。在线预览地址:翻书,破解版下载地址备用下载地址

我们下载了://www . JB 51 . net/codes/255326 . html。

预览效果:

2014-03-21_090103

其文件结构如下:

image

其中,css文件夹是一个简单的样式文件,不需要解释,可以根据需要修改。

fla文件夹是由他人反编译的fla文件。

Img文件夹是播放器需要的图片。

Js文件是玩家相关的参数配置,这是重点。

Pages文件夹是书的每一页对应的图片,里面的大文件夹是用来放置双击可以放大的图片的。

放入声音的是翻页时的音效。

以下描述了此翻页播放器的配置:

image

有两个js文件需要我们特别注意:bookSettings.js和flippingbook.js前者用于设置播放器,后者是播放器文件,提供默认设置。

2014-03-21_090855

图中:2~7行代码是书页图片,没什么好说的。

第11~16行是书左下角的下拉框设置。例如,您可以通过下拉框直接返回主页和目录页。

第19~31行是玩家的设置。它们是书籍的宽度、高度和背景颜色。请注意,这些设置并不是全部设置,更多设置可以在flippingbook.js中找到

对于flippingbook.js

image

需要注意的是,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: '不透明' }

生成的对象对象如下:

image

这篇文章是我研究的结果,欢迎大家一起拍砖,一起讨论问题。

版权声明:翻书教程(带下载)是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。