jQueryを使ってパズルを作るjQueryプラグイン:phpspot開発日誌
jQuery Demo: Creating A Sliding Image Puzzle Plug-In : Kinky Solutions : A Student's Perspective by Ben Nadel jQueryを使ってパズルを作るjQueryプラグインが公開されています。 １枚の元画像をJavaScript＆ＣＳＳによって分解して、パズルを作成することが出来ます。 パズルのデモページ 以下が元の画像。本当に１枚です。 画像を分割して、HTMLを書いて、という面倒な作業は必要なくて、以下のように初期化が出来るようです。 $( "div.puzzle, p" ).puzzle( 100 ); 商品のＰＲ等、サイトのキャンペーンなんかでも活用できそうですね。
jQuery Demo: Creating A Sliding Image Puzzle Plug-In
Since I have been getting into jQuery a lot lately, what with reading the books and playing around with code, I felt I should try a more complicated type of plug-in. As such, I have created this jQuery demo plug-in which creates sliding-image puzzles based on containers that have images. Running the demo page we get this output: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jQuery Demo: Creating A Sliding Image Puzzle
