turn.js 模版简单使用

turn.js 不修改添加原功能仅 替换、修改图片格式使用模版

HTML文件

turn.js官网:http://www.turnjs.com/#

第一步

1.点击链接去到官网  

2.点击下载按钮  下载左侧示例压缩包

3.解压完成拿到示例文件 turnjs4

turn.js 模版简单使用_第1张图片

4.在samples目录下案例中查看意向使用的模版样式  

        注:点击进入文件后里面的html文件可以直接访问

turn.js 模版简单使用_第2张图片

5.将整个turnjs4拖拽到编辑器中  多余的文件最好等修改完以后再删除

turn.js 模版简单使用_第3张图片

6.在页面最下方 找到引用的js文件 

turn.js 模版简单使用_第4张图片

7.  只替换图片不做太大改动的话  到js文件里面 直接搜jpg  模版默认用的是jpg图片

将图片格式修改为自己图片的格式  这个地方就是图片引用的代码 动态渲染的

turn.js 模版简单使用_第5张图片

8.这个地方的png是 点击下方滚动条显示的小图片  里面的宽高是控制小图片大小的

turn.js 模版简单使用_第6张图片

9.总共有多少个单张页面  从1开始  多少张单张页面在这个地方循环遍历 动态加入

turn.js 模版简单使用_第7张图片

就这几个地方改一下就行了

你可能感兴趣的:(javascript,开发语言,ecmascript)