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();
});

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

関連記事

  1. jQuery Video Extend

    JavaScript

    動画をチャプターごとに区切れる「jQuery Video Extend」

    jQuery Video Extendは動画をチャプターごとに区切った…

  2. jQuery Smart Placeholder
  3. JavaScript

    画像を素敵なアニメーションで次々に表示させるjQueryのイメージギャラリー「Heap Shot」

    とても素敵な画像の見せ方だったのでご紹介します。jQueryプラグイン…

  4. jquery.simple-scroll-follow
  5. 2013年上半期jQueryプラグインまとめ

    JavaScript

    2013年上半期に紹介したjQueryプラグイン50選まとめ

    気づいたらあっという間に2013年上半期が終わってしまいましたね。とい…

  6. stacky

    JavaScript

    スライドダウン・スライドアップしてコンテンツを整理できるjQueryプラグイン「stacky」

    stackyというjQueryプラグインを使えばコンテンツをスライドダ…

コメント

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

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

最近の記事

  1. スタバのドリップのホットのショート
  2. LE エルイー 6 PANEL CAP
  3. タリーズ ハウスブレンド
  4. BAG-TW1BKシリーズ

アーカイブ

PAGE TOP