Captall

JavaScript

画像やDOM要素の上にキャプションを表示することができるjQueryプラグイン「Captall」

CaptallというjQueryプラグインを使えば、画像や設定したDOM要素の上にキャプションを表示することができます。実際のデモではマウスオーバーするとキャプションが表示されます。オプションによってキャプションが表示されるアニメーションを設定したりも可能です。

[ads_center]

Captallの使い方

Captall

Captall

使い方は、まずjQuery本体とプラグインをhead内に読み込みます。

<script script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
<script script type="text/javascript" src="js/jquery.captall.min.js"></script>

キャプションを設定します。

<img src="sample.jpg" id="image" alt="ここにキャップション" width="300" height="200" />

あとはプラグインを呼び出すだけです。

$(document).ready(function() {
    $('#image').captall();
});

オプションもたくさん用意されているので、気になる方は是非チェックしてみて下さい。

TabsletjQueryプラグインでタブ機能が実装できる「Tabslet」前のページ

Lightroomで現像時にセカンドディスプレイを表示させるショートカット次のページ

最近の記事

  1. 果実そのまま みかん
  2. マリーゴールドのゴム手袋(バスルーム)
  3. クリスマスエスプレッソロースト
  4. シーザーチキン 石窯カンパーニュ
  5. スキャルプ&ヘア リファイニング トリートメント オイル R
PAGE TOP