[JS]グリッド上に配置したスタイリッシュな画像ギャラリーのスクリプト -jSquares

Post on:2010年4月22日

sponsors

グリッドに配置したサムネイル画像にマウスをホバーすると、オーバーレイ上に画像をポップアップする画像ギャラリーのスクリプトをboedesignから紹介します。

サムネイル画像にマウスをホバーすると、拡大画像と共にテキストも表示します。

マウスホバー時のキャプチャ

ギャラリーの初期表示のモーションもスタイリッシュで、ランダムにシャッフルされてアニメーションで各画像が表示されます。

一枚ずつフェードで表示されます

対応ブラウザはIE6+, Fx3+, Safari3+, Op10とのことです。
スクリプトのオプションでは、キャプションのサイズ、フェードのタイミング、シャッフルのスピードなどを調整することができます。