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. simplePagination.js
  2. cubeTransition.js

    JavaScript

    3Dキューブのようなスライダーを実装できる「cubeTransition.js」

    cubeTransition.jsは、CSS 3DトランスフォームとC…

  3. no-image

    JavaScript

    インタラクティブなツリー機能を実装できる「jstree」

    jstreeはインタラクティブなツリー機能を実装できるjQueryプラ…

  4. Impulse Slider

    JavaScript

    3Dスライダーを実装できるjQueryプラグイン「Impulse Slider」

    Impulse SliderというjQueryプラグインを使えば3Dス…

  5. jquery.square.js

    JavaScript

    スクエアなグリッドレイアウトを実装できる「jquery.square.js」

    jquery.square.jsは、スクエアなグリッドレイアウトを実装…

  6. Zooming

    JavaScript

    クールな画像ズーム機能を実装できる「Zooming」

    Zoomingはクールでかっこいい画像ズーム機能を実装することができる…

コメント

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

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

最近の記事

  1. ハムエッグホットサンドとドリップコーヒー
  2. 高輪ゲートウェイ駅のスタバ
  3. 新幹線
  4. リッチモンドホテル
  5. ハーブバターチキン 石窯フィローネとドリップコーヒー

アーカイブ

PAGE TOP