[JS]壁一面に写真を並べたようなギャラリーを作成するチュートリアル

Post on:2010年5月21日

sponsors

画像をダイナミックに配置し、それに負けないくらいダイナミックなアニメーションで画像を拡大表示するギャラリーのチュートリアルをCodropsから紹介します。

各画像はマウスのホバーでハイライトされ、クリックするとダイナミックなスライドのアニメーションで拡大表示されます。

画像が拡大表示されたところ

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