[JS]画像のキャプションをスタイリッシュな動きでスライド表示させるスクリプト -slidingboxes

ボックス状に配置した画像のキャプションをスタイリッシュな動きでスライド表示させるスクリプトをBuild Internet!から紹介します。

アイデアの概念

Sliding Boxes and Captions with jQuery

画像とキャプションを囲むdivに「.boxgrid」を指定、スライド表示させるパネルには「.cover」を指定して使用します。
スライドするパネルにはdivを使用しているため、テキストやリンクなどを自由に配置できます。

スライドの動作パターンは、6種類あります。

デモのキャプチャ

demo

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

sponsors

top of page

©2018 coliss