現在、黒ぶた.jpで使用しているJavaScript系ライブラリは
共に記事で使用している写真を楽しく演出できないものかと導入
- 表紙の写真に適用しているのが[PopBox]
- 詳細のページのサンプルは[jqPuzzle]
・・・続きに、jqPuzzleのテストと覚書
（何秒でクリアできるでしょうか?）
jqPuzzleのサンプル
ちなみに黒ブタの記録は、移動230(moves)/221秒(seconds)、ヒントの[Numbers]は未使用
(ノд・。) ｸﾞｽﾝ
クリアすると元画像が表示されます
『覚え書き』
オプション
- 言語：en、fr、de
- r9 行：画像を区切る行数 (9:3～9)
- c9 列：画像を区切る列数 (9:3～9)
- h9 あける場所：(空けたい場所を行×列の数値で指定)
- S9 シャッフの回数（9:シャッフルの回数、デフォルト3)
- その他
S：最初からシャッフルする
N：数字を消す
A：シャッフルボタンを消す
B：'Solution'ボタンを消す
C：'Numbers'ボタンを消す
D：'moves'を消す
E：'seconds'を消す
設定例：＜img class="jqPuzzle jqp-en-r3-c4-h12-SNAB" ・・・
最後まで、見てくれてありがとうございます！
【ブログランキング参加中】
↓ をクリックして頂けると、うれしいです！
黒ブタ.jpに掲載している写真は、すべてクリックで大きな写真が表示されます 是非大きめの写真でお楽しみください
コメントする