[JS]壁一面に写真を並べたようなギャラリーを作成するチュートリアル
Post on:2010年5月21日
sponsors
画像をダイナミックに配置し、それに負けないくらいダイナミックなアニメーションで画像を拡大表示するギャラリーのチュートリアルをCodropsから紹介します。

Sliding Panel Photo Wall Gallery with jQuery
デモページ
各画像はマウスのホバーでハイライトされ、クリックするとダイナミックなスライドのアニメーションで拡大表示されます。

画像が拡大表示されたところ
JavaScriptにはjQueryが利用されており、HTMLは画像をimg要素とdiv要素で配置しています。
スクリプトやスタイルシートを含む一式でデモファイルがダウンロードできます。
sponsors