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

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

デモのキャプチャ

jSquares for jQuery
デモページ

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

デモのキャプチャ

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

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

デモのキャプチャ

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

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

sponsors

top of page

©2018 coliss