[JS]一枚の画像から分割パズルを生成するスクリプト -jqPuzzle

jqPuzzleは、画像を分割することなく、一枚の画像をセットするだけで、分割パズルを生成するスクリプトです。

jqPuzzleのキャプチャ

jqPuzzle – Customizable Sliding Puzzles with jQuery

jqPuzzleでパズルをセットするには、上記サイトよりスクリプトをダウンロードし、jQuery.js(1.2.1を使用)と一緒に外部ファイルとして指定し、画像に「class="jqPuzzle"」を記述するだけです。

<img src="banana.jpg" alt="jqPuzzle" class="jqPuzzle" />

上記キャプチャのjqPuzzleのテストページ

分割を増やしたり、数字の有無などオプションも多彩にあります。
デモページ

sponsors

top of page

©2018 coliss