图片/图形
任意图片转换为拼图jQuery插件
PetitQ
jQuery-snapPuzzle 是一款非常有趣的可以将任意图片转换为九宫格拼图游戏的 jQuery 插件。该插件通过 jQueryUI 来实现图片的拖拽，你可以设置图片的碎片数量来控制游戏的难度。并且它可以兼容 IE7+浏览器。它的特点有：
可以调游戏的整难度级别
也想出现在这里？联系我们吧
可以在响应式设计的页面中使用
支持拖拽
提供游戏成功后的回调函数
使用方法
该图片拼图游戏插件依赖于 jQueryUI，在使用时需要引入 jQuery，jQueryUI 和 jquery.snap-puzzle.min.js 文件。
<script src="js/jquery.min.js"></script>
<script src="js/jquery-ui.min.js"></script>
<script src="js/jquery.snap-puzzle.js"></script>
调用插件
在页面 DOM 元素加载完毕之后，你可以在任何图片上调用 snapPuzzle()方法来初始化该拼图游戏插件。
$(selector).snapPuzzle({key1: value1, key2: value2});
配置参数
该拼图游戏插件接收键值对对象作为参数，下面是可用的配置参数。
pile：默认值：null。图片碎片容器的选择器
containment：默认值：'document'。限制图片碎片在某个元素中
rows：默认值：5。图片碎片的行数
columns：默认值：5。图片碎片的列数
onComplete(elem)：当拼图游戏成功完成之后的回调函数
应用举例
$('img.puzzle').snapPuzzle({ rows: 4, columns: 3 })
| 演示地址 | 下载地址 |
专业提供WordPress主题安装、深度汉化、加速优化等各类网站建设服务，详询在线客服！
也想出现在这里？联系我们吧
