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. no-image

    JavaScript

    1日のイベントスケジュールを作成できる「Jquery Layoutday plugin」

    Jquery Layoutday pluginは、1日のイベントスケジ…

  2. Tabslet

    JavaScript

    jQueryプラグインでタブ機能が実装できる「Tabslet」

    TabsletというjQueryプラグインを使えばWebサイトにタブ機…

  3. Tilt Hover Effects

    JavaScript

    ホバーによるチルトエフェクトを実装できる「Tilt Hover Effects」

    指定したアイテムにホバーすることでオシャレなチルトエフェクトを実装する…

  4. jQuery Video Extend

    JavaScript

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

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

  5. characterCounter

    JavaScript

    文字数のカウントや制限ができるjQueryプラグイン「characterCounter」

    characterCounterは文字数をカウントしてくれるシンプルな…

コメント

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

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

最近の記事

  1. そそそ 明太クリームそうめん
  2. すしざんまい
  3. 蒼龍唐玉堂 特製牛バラ担々麺
  4. サーモンアボカドサラダラップとドリップ
  5. 猿田彦フレンチ

アーカイブ

PAGE TOP