turn.js实现图书翻页效果
项目需求需要有个会刊的页面。前台展示为翻书效果的页面,于是找到了turn.js插件。
插件目录结构如图
对于css 和 js文件不需要过多的解释 在这里要注意的是pages文件夹 这里个文件夹下放的是需要预览的图片文件 所以
我们想展示的资源 就放在这个目录下面!!!!!!
接下来 先给大家看一下pages下面的资源名称文件名必须是数字的格式,而且后缀为jpg,否则不识别。
再看html页面的引入流程
jquery版本必须是1.7.3
其中一个flip文件中有个magazine.js文件,里面有pages这个你要取的图片资源目录,需要替换,当然我们知道,php
magazine.js