[JS]画像にオーバーレイしたパネルをスライド表示するスクリプト -Image Overlay

画像にテキストを配置したオーバーレイのパネルをスライド表示できるスクリプトをFerretArmyから紹介します。

デモのキャプチャ

jQuery Image Overlay Plugin
demo
download

デモでは上記の下からスライド表示させるものだけではなく、上からのスライドやアニメーション無し、常に表示などもあります。

デモのキャプチャ

オプションでは、上記の他に画像のサイズ・ボーダーの色、オーバーレイのパネルの色やテキストの色、アニメーションのスピードなどが調整できます。

Image OverlayはjQueryのプラグインのため、実装にはjquery.jsが必要です。

top of page

©2017 coliss