网站颜色:

电子杂志网页版控件|网页相册控件|可翻页可放大|FlippingBook

它的文件结构如下:

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

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

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

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

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

 

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

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

 

 

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

(咨询特价)行是图书左下角的下拉框设置,比如可以通过下拉框直接返回到首页,目录页等。

(咨询特价)行就是播放器的设置了。分别是图书的宽,高,背景颜色等设置。注意,这些设置并不是所有的设置,更多设置可以在flippingbook.js里面查找。

对于flippingbook.js

 

需要注意的是:FlippingBook.swf就是我们的播放器文件了,这个文件的路径是相对于它所嵌套的html或其他页面的路径设置的。比如上面文件结构截图中,它和xiangCe.html是在同一目录,所以这里路径就相对于xiangCe.html,或者你设置为网站的绝对路径。

网站定制热门设计联盟服务商