[JS]グリッド上に配置したスタイリッシュな画像ギャラリーのスクリプト -jSquares
Post on:2010年4月22日
グリッドに配置したサムネイル画像にマウスをホバーすると、オーバーレイ上に画像をポップアップする画像ギャラリーのスクリプトをboedesignから紹介します。
![デモのキャプチャ](/wp-content/uploads-2010/2010042204.png)
サムネイル画像にマウスをホバーすると、拡大画像と共にテキストも表示します。
![デモのキャプチャ](/wp-content/uploads-2010/2010042203.png)
マウスホバー時のキャプチャ
ギャラリーの初期表示のモーションもスタイリッシュで、ランダムにシャッフルされてアニメーションで各画像が表示されます。
![デモのキャプチャ](/wp-content/uploads-2010/2010042205.png)
一枚ずつフェードで表示されます
対応ブラウザはIE6+, Fx3+, Safari3+, Op10とのことです。
スクリプトのオプションでは、キャプションのサイズ、フェードのタイミング、シャッフルのスピードなどを調整することができます。
sponsors