FlippingBook使用教程(附下载)

所属分类: 网络编程 / 相关技巧 阅读数: 2070
收藏 0 赞 0 分享

FlippingBook是一款收费的图书翻页效果的flash播放器。在线预览地址:FlippingBook破解版下载地址 备用下载地址

脚本之家下载:https://www.jb51.net/codes/255326.html

预览效果:

2014-03-21_090103

它的文件结构如下:

image

其中:css文件夹是一个简单的样式文件,不需要做什么说明,可以根据需要修改。

fla文件夹是别人反编译fla文件。

img文件夹是播放器所需要的图片.

js文件是播放器相关参数配置,这个才是重点。

pages文件夹就是图书的每一页对应的图片了,它里面的large文件夹用于放置双击放大看到的图片。

sounds里面放的是翻页时的声音效果。

下面对这款翻页播放器配置说明:

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.backgroundColor.toString( 16 ) }这个代码段了,这里是对object对象参数设置。比如,如果你需要div能够遮盖住本播放器可以修改如下:

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

生成的object对象如下:

image

本文是本人研究的成果,欢迎拍砖,有问题共同探讨。

更多精彩内容其他人还在看

程序员编程从初级到中级的10个秘诀

在一封与TechRepublic会员交流的邮件当中,他提到了面向程序员的博客、文章及杂志分成两类:面向初学者类(“hello world”这种类型的教程)以及面向专家类(MSDN杂志)。
收藏 0 赞 0 分享

关于换行和回车的图文小结

不知道大家用这么多年的电脑,写了这么多的程序,对换行和回车有没有一个认识
收藏 0 赞 0 分享

回车和换行有什么区别?我们平时按下的Enter键是回车还是换行

如果用过机械打字机,就知道回车和换行的区别了。换行就是把滚筒卷一格,不改变水平位置。回车就是把水平位置复位,不卷动滚筒
收藏 0 赞 0 分享

网络编程之get与post的区别与联系

这里来说说get与post的区别与联系,对这方面不懂的鹏哟可以参考下。
收藏 0 赞 0 分享

Web开发人员常用速查手册 英文集合推荐

不管你是多么优秀的程序员,你都不可能记住一切。在你编写程序的过程中碰到问题需要查阅手册的时候,若有现成的手册可参考则可以为你节省很多时间。
收藏 0 赞 0 分享

vs快捷键 用好Ctrl+Enter与Ctrl+Shift+Enter组合键让你的编辑代码速度快了很多

使用Ctrl+Enter组合键在上方插入一行,使用Ctrl+Shift+Enter组合键在下方插入一行
收藏 0 赞 0 分享

对Web开发人员有用的8个网站小结

本文是由比利时的Web开发人员Jean-Baptiste Jung分享的,Jung还在《Web开发/设计人员应当知道的15个网站》这篇文章中推荐了15个相关网站
收藏 0 赞 0 分享

Web开发/设计人员应当知道的15个网站

建个好网站绝非易事,工欲善其事必先利其器。本文编译了15个极其有用的网站,任何一位网站开发者或设计人员都应该收藏起来
收藏 0 赞 0 分享

Application,Session,Cookies对象应用介绍

Application,Session,Cookies对象比较,对于客户端保存登录信息的朋友可以参考下。
收藏 0 赞 0 分享

设计高可用和高负载的网站系统的几个注意事项

随着网站的运营,用户访问量和数据存储量会随着时间发生几何级变化,很快整个系统不堪重负,频繁出现问题。
收藏 0 赞 0 分享
查看更多