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. evol-colorpicker

    JavaScript

    マイクロソフト オフィス2010のようなカラーピッカー「evol-colorpicker」

    evol-colorpickerは、マイクロソフト オフィス2010の…

  2. Timeline.js

    JavaScript

    スライド式のタイムラインを実装できるjQueryプラグイン「Timeline.js」

    Timeline.jsは、スライド式によるタイムラインを実装することが…

  3. ad-datepicker

    JavaScript

    アクセシブルなデートピッカーを実装できる「ad-datepicker」

    ad-datepickerはアクセシブルなデートピッカーを実装できるj…

  4. jquery.peekABar

    JavaScript

    様々なカスタマイズができる便利な通知バー「jquery.peekABar」

    jquery.peekABarは様々なカスタマイズが可能な通知バー(通…

  5. no-image

    JavaScript

    シンプルでベーシックなJavaScriptによるlightbox実装「halkaBox.js」

    halkaBox.jsは、シンプルでベーシックなJavaScriptに…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

最近の記事

  1. チキン&グリーンサンドイッチ
  2. アートアクアリウム美術館 GINZA
  3. オケラ
  4. デンタルプロ 歯間ブラシ
  5. ダミアン・ハースト 桜
PAGE TOP