前の記事 ≪:2008年4月14日 管理人のブックマーク
次の記事 ≫:商用利用もOKで使えるテクスチャ画像提供サイト「freetextures.org」

jQueryを使ってパズルを作るjQueryプラグイン

2008年04月15日-はてなブックマーク

スポンサード リンク
[PR] 英単語を忘却曲線アプリを使って超効率よく記憶する方法
jQuery Demo: Creating A Sliding Image Puzzle Plug-In : Kinky Solutions : A Student's Perspective by Ben Nadel

jQueryを使ってパズルを作るjQueryプラグインが公開されています。
1枚の元画像をJavaScript&CSSによって分解して、パズルを作成することが出来ます。


パズルのデモページ

以下が元の画像。本当に1枚です。



画像を分割して、HTMLを書いて、という面倒な作業は必要なくて、以下のように初期化が出来るようです。

$( "div.puzzle, p" ).puzzle( 100 );

商品のPR等、サイトのキャンペーンなんかでも活用できそうですね。
関連の記事検索:JavaScript, UI, plugin-ref, あそび6
スポンサード リンク

By.KJ : 2008年04月15日 07:05 livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)