[JS]壁一面に写真を並べたようなギャラリーを作成するチュートリアル
画像をダイナミックに配置し、それに負けないくらいダイナミックなアニメーションで画像を拡大表示するギャラリーのチュートリアルをCodropsから紹介します。
Sliding Panel Photo Wall Gallery with jQuery
デモページ
各画像はマウスのホバーでハイライトされ、クリックするとダイナミックなスライドのアニメーションで拡大表示されます。
画像が拡大表示されたところ
JavaScriptにはjQueryが利用されており、HTMLは画像をimg要素とdiv要素で配置しています。
スクリプトやスタイルシートを含む一式でデモファイルがダウンロードできます。
Post on:2010年5月21日
