1枚の画像から自動でパズルを作成するjavascript「jqPuzzle」

サイト制作において重要なのは、訪問者を飽きさせず滞留させることでしょう。
この観点から言えばゲームなどがあってもいいのかもしれません。
jqPuzzleは1枚の画像からスライディングパズルを自動で作成します。

sponsors

使用方法

jqPuzzleからjquery.jqpuzzle.js、jquery.jqpuzzle.cssを、jQueryからjquery.js(v1.2.1以上)をダウンロードします。 <script src="http://yourdomain/jquery.js" type="text/javascript"></script> <script src="http://yourdomain/jquery.jqpuzzle.js" type="text/javascript"></script> <link rel="stylesheet" href="http://yourdomain/jquery.jqpuzzle.css" type="text/css"> あとは、パズルにしたい画像にclass="jqPuzzle"を付与するだけです。

サンプル

jqPuzzle

sponsors

Javascriptサンプルページ一覧
skuare.net
オプション
記述方法
例)フランス語、3行3列、穴中央、数字・回数・秒を省略 <img src="画像パス" class="jqPuzzle jqp-fr-r3-c3-h5-NDE">