jQueryを使ってパズルを作るjQueryプラグイン
2008年04月15日-
スポンサード リンク
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等、サイトのキャンペーンなんかでも活用できそうですね。
jQueryを使ってパズルを作るjQueryプラグインが公開されています。
1枚の元画像をJavaScript&CSSによって分解して、パズルを作成することが出来ます。

パズルのデモページ
以下が元の画像。本当に1枚です。

画像を分割して、HTMLを書いて、という面倒な作業は必要なくて、以下のように初期化が出来るようです。
$( "div.puzzle, p" ).puzzle( 100 );
商品のPR等、サイトのキャンペーンなんかでも活用できそうですね。
スポンサード リンク
Advertisements
SITE PROFILE
最新のブログ記事(新着順)
- 2000種類以上の汎用ピクトグラムアイコン集「Atlas Icons」
- かわいい手書き風フォント「うさぎとまんげつのサンセリフ」
- ランディングページのサンプル集「Landings」
- WEBのUIコンポーネントギャラリー「The Component Gallery」
- 汎用で使える700+のピクトグラムアイコン「Sargam Icons」
- 白黒写真をWEB上で簡単にカラーにできる「Palette」
- iPhone14Proのモックアップ
- 建築素材風のおしゃれな背景画像「Architextures」
- クールな今どきのギャラリーサイトを作れるサンプル
- SVG形式の背景パターンなどをWEBで生成できる「fffuel」
- 過去のエントリ