category
サイト構築 -JavaScript

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

  • この記事をdel.cio.usに登録する
  • この記事をはてなブックマークに登録する
  • この記事をGoogleブックマークに登録する
  • この記事をYahoo!ブックマークに登録する
  • この記事をdiggに登録する
  • この記事をlivedoor clipに登録する
  • この記事を@nifty クリップに登録する

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のテストページ

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

Post on:2007年10月22日

  • この記事をdel.cio.usに登録する
  • この記事をはてなブックマークに登録する
  • この記事をGoogleブックマークに登録する
  • この記事をYahoo!ブックマークに登録する
  • この記事をdiggに登録する
  • この記事をlivedoor clipに登録する
  • この記事を@nifty クリップに登録する

トラックバック

トラックバック(URL)

コメント

comment:

※承認制のため、即時には反映されません。

ページの先頭へ




© coliss

RSS