ボックス状に配置した画像のキャプションをスタイリッシュな動きでスライド表示させるスクリプトをBuild Internet!から紹介します。
Sliding Boxes and Captions with jQuery
画像とキャプションを囲むdivに「.boxgrid」を指定、スライド表示させるパネルには「.cover」を指定して使用します。
スライドするパネルにはdivを使用しているため、テキストやリンクなどを自由に配置できます。
スライドの動作パターンは、6種類あります。
slidingboxesはjQueryのプラグインのため、実装にはjquery.jsが必要です。
Post on:2009年4月1日
