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

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

Sliding Boxes and Captions with jQuery

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

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

demo

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