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