パズルゲーム - jqPuzzle

■操作説明■
写真の空いている部分の上下左右の写真の破片をクリックすると写真が移動します。
Originalボタンをクリックするとオリジナルの写真が観れます。もう一度Originalボタンをクリックするとパズルが再スタートします。
Numbersボタンをクリックするとヒントの数字が表示されます。ほぼ答えです・・・。
movesは移動数です。　secondsはタイムです。

jqPuzzleはjQueryのプラグインのため、実装にはjquery.jsが必要です。

パズルLevel ７
奈良の鹿
パズルLevel ２０
奈良の鹿
パズルLevel ６０　管理人は途中からNumbersクリックして「moves」、1020、「seconds」、776かかりました。
奈良の鹿

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

ダウンロードサイト »»» jqPuzzle

            <script type="text/javascript" src="jquery.js"></script> 
            <script type="text/javascript" src="jquery.jqpuzzle.js"></script> 
            <link rel="stylesheet" type="text/css" href="jquery.jqpuzzle.css" />
             
          
           <img src="画像パス" class="jqPuzzle jqp-fr-r3-c3-h5-NDE">

オプション

    　
  • 言語：en、fr、de
    • 　
  • 行：画像を区切る行数 (3 to 9)
    • 　
  • 列：画像を区切る列数 (3 to 9)
    • 　
  • あける場所：(1 to rows*columns)
    • 　
  • シャッフルの回数：デフォルト3
    • 　
  • その他
    S：最初からシャッフルする
    N：数字を消す
    A：シャッフルボタンを消す
    B：'Solution'ボタンを消す
    C：'Numbers'ボタンを消す
    D：'moves'を消す
    E：'seconds'を消す