FlippingBook使用教程(附下载)

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

我们下载:http://www.jb51.net/codes/255326.html

预览效果:

它的文件结构如下:

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

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

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

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

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,或者你设置为网站的绝对路径。

另一个就是{allowScriptAccess: "always", bgcolor:  "#" + this.settings.backgroundColor.toString( 16 ) }这个代码段了,这里是对object对象参数设置。比如,如果你需要div能够遮盖住本播放器可以修改如下:

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

生成的object对象如下:

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

(0)

相关推荐

  • FlippingBook使用教程(附下载)

    FlippingBook是一款收费的图书翻页效果的flash播放器.在线预览地址:FlippingBook,破解版下载地址 备用下载地址 我们下载:http://www.jb51.net/codes/255326.html 预览效果: 它的文件结构如下: 其中:css文件夹是一个简单的样式文件,不需要做什么说明,可以根据需要修改. fla文件夹是别人反编译fla文件. img文件夹是播放器所需要的图片. js文件是播放器相关参数配置,这个才是重点. pages文件夹就是图书的每一页对应的图片了,

  • Sql server 2012 中文企业版安装图文教程(附下载链接)

    首先推荐一个网站http://msdn.itellyou.cn/,这是一个非常棒的网站,各种正版资源,安全无毒 先选择服务器如何选择SQL Server 2012 选择自己要的版本,这里笔者选的是中文企业版,下载地址附上,复制到迅雷下载即可注意这里的是64位版,如果32位机器去网站上找x86的版本,笔者还是建议换成64位的系统吧 ed2k://|file|cn_sql_server_2012_enterprise_edition_with_sp1_x64_dvd_1234495.iso|4231

  • Citrix Xenserver 7怎么安装?Xenserver 7.0安装详细图文教程(附下载地址)

    软件名称: Citrix Xenserver(虚拟化管理平台) 7.3 官方版 软件大小: 651MB 更新时间: 2017-12-19 1.XenServer开始引导安装 2.按F2选择高级安装.(正常情况下不需要用到高级安装,直接回车跳转到下面的第8步安装就可以了) 3.输入 shell 回车下一步,进入命令行 4.输入:vi /opt/xensource/installer/constants.py 5.按键盘的向下键滚动页面 6.将光标移动到 GPT_SUPPORT=True 后按键盘的

  • MySQL下载安装配置详细教程 附下载资源

    目录 一.下载 二.安装 三.配置 四.检测是否安装成功 五.注意事项 一.下载 1.官网下载 2.某度网盘下载 链接: https://pan.baidu.com/s/1BgbZH-aFaJ1nwm2PpDeOSQ?pwd=nutf 提取码: nutf 二.安装 1.双击下载的文件 2.点击Next 3.选中单选框后点exit 4.选择Custom用户自定义安装 5.修改安装目录后点击Next,尽量不要安装到C盘 6.点击Install进行安装 7.安装中,安装后会弹出配置窗口 8.安装完成后

  • IDEA 2020.1.2 安装教程附破解教程详解

    1:IDEA安装教程 开始安装Idea,点击next 点击Browse选择好安装文件夹,点击next 根据电脑选择几位,我的电脑是64位选择64bit,Update PATH variable:是否将IDEA启动目录添加到环境变量中,即可以从cmd命令行中启动IDEA,根据需要勾选 点击Install即可,开始安装 安装完成 启动IDEA,选择不导入设置 设置IDEA的UI主题,个人喜欢Darcula主题 ,后期也可以在设置里自行修改,点击Next: Default plugins: IDEA支

  • IDEA最新激活码永久激活教程附激活失败原因汇总

    下载IDEA.PyCharm.PhpStorm免费激活码 本次更新:2020年11月13 (定期更新) 推荐教程: IntelliJ IDEA 2020.2.3永久破解激活教程(亲测有效) IntelliJ IDEA 2020最新激活码(亲测有效,可激活至 2089 年) 最新idea2020注册码永久激活(激活到2100年) 注意事项: 1.  建议使用PC端浏览器打开下载激活码 下面是各种激活失败原因的汇总,如果你也激活失败了,对号入座,看有没有发生同样的情况. 补充:最新补丁出现弹框问题如

  • Postman安装与使用详细教程 附postman离线安装包

    Postman一款非常流行的API调试工具.其实,开发人员用的更多.因为测试人员做接口测试会有更多选择,例如Jmeter.soapUI等.不过,对于开发过程中去调试接口,Postman确实足够的简单方便,而且功能强大. 需要postman安装包的童鞋可以通过下面链接自行下载哈! postman离线安装包亲测可用 官方网站:https://www.getpostman.com/ ###安装 1.Postman最早是作用chrome浏览器插件存在的,所以,你可以到chrome商店搜索下载安装,因为重

  • R语言3.6.3安装超详细教程附安装包

    软件下载 R语言3.6.3 软件安装包下载: 链接: https://pan.baidu.com/s/1sufVf2lmoj9GYG_j5_fJKQ 提取码: tnqg R语言R-4.0.4 安装包下载地址: 链接: https://pan.baidu.com/s/1uzH49cJ0lnob54k19WWjOQ 提取码: kusa 软件介绍 R语言是一款非常专业的统计建模软件,R语言拥有数据存储和处理系统;数组运算工具(其向量.矩阵运算方面功能尤其强大),完整连贯的统计分析工具;优秀的统计制图等

  • Navicat for SQLite安装使用教程 附安装包

    Navicat for SQLite安装教程+安装包 百度网盘下载: 链接: https://pan.baidu.com/s/1o5OprZ18eEnKbbl5jMhWOQ 提取码: qwk9 1.在本站下载并解压,可得到navicat150_sqlite_cs_x64.exe源程序以及注册机 2.双击源程序开始安装,点击同意安装软件协议 3.选择软件安装路径,默认即可 4.选择桌面快捷方式 5.耐心等待安装 6.安装完成,退出向导 7.将注册机文件夹中的文件复制到安装目录下替换,打开注册机,选

  • 青龙面板拉库解决没有或丢失依赖can‘t find module的保姆级教程(附青龙面板脚本仓库)

    目录 1.青龙面板拉库 2.分享收集的青龙面板脚本仓库,建议选择拉一个就可以了 3.安装脚本所需要的依赖库 4.设置环境变量 5.拉取单个文件,依赖修复方法 如何拉库: 拉取单个脚本 使用方法: 拉库出现的问题及解决方案 解决办法: 方法1)复制对应缺失的<module名称>.js或.py到库文件夹 方法2)完善ql repo命令的依赖部分,重新运行拉库命令: 6.结尾 没有安装青龙面板的先看我另外一篇教程2022年青龙面板部署完整版教程(多图) 1.青龙面板拉库 先把配置文件config.s

随机推荐