マウスオーバーでキャプション表示してくれる プラグイン

画像マウスオーバーするとキャプションを出現させるプラグイン
(jQuery 1.10.2で動作確認のできたものに限定しています。デモ一覧)

imgタグの#alt属性から自動でキャプションを生成するタイプ

http://files.www.gethifi.com/posts/jcaption/index.html

http://www.wbotelhos.com/capty/

Capty

#デフォルト表示
Capty サイト


https://github.com/louisbros/jquery.caption

jquery.caption

#HTML5のfigure/figcaptionを生成 #デフォルト表示
jquery.captiion サイト


imgタグの#title属性から自動でキャプションを生成するタイプ

http://coryschires.github.io/hover-caption/

JQuery hover caption plugin

JQuery hover caption plugin #デモ


http://www.catchmyfame.com/jquery/dropcaptions/

Drop Captions

画像下にドロップ
Drop Captions #デモ


#要素を用意する必要あり

http://ryun.github.io/HCaptions/

HCaption

#上下左右(縦横)スライド #フェイド
HCaption #デモ


http://web.enavu.com/demos/caption/

Making image captions using jQuery

Making image captions using jQuery #デモ


http://tympanus.net/jCapSlide/

jCapSlide

jCapSlide #デモ


http://buildinternet.com/project/mosaic/1.0/

photo credit: FindYourSearch
  • このエントリーをはてなブックマークに追加

関連記事

レスポンシブにも対応したカレンダーを表示する「Calendario.js」

Calendarioは、レスポンシブデザインにも対応したカレンダ表示プラグインです。 ダウンロード スクリプト 実装 $(document).ready

入力数値の桁区切り挿入

ユーザに数値を入力してもらう際に区切りを入れるようにすると入力ミスを少なくすることができます。このソースは、SugarJSというものから拝借して少し改変しています。 実装 fu

no image

定期的にAjaxリクエストを送信してくれる「PeriodicalUpdater」

PeriodicalUpdaterは、定期的にpostもしくはgetリクエストを送信してくれるjQueryプラグインです。Twitterのタイムラインのように定期的にツイートをロードしてくれるようなや

入力テキストの文字数をカウントしてくれる「Textchange」

Twitterのようにinputやtextareaに入力した際に、文字数をカウント(ダウン)してくれるとユーザの利便性が上がります。今回使用したTextChangeは、それ以外にも入力のイベントに対し

カルーセル プラグイン

「カルーセル(Carousel)」とは"回転木馬"という意味らしいのですが、jQuery(Javascript)では画像やコンテンツをスライド表示させるもののようです。が、スライダーとの違いはよく分り

no image

「jqPlot」を使って棒グラフを作成

jqPlotを使って棒グラフを作成してみました。ベースはこの記事を参照ください。 スクリプト jqPlotのベースとなるjsファイルと以下の棒グラフの作成に必要なスクリプトを読み込んで下さい。

Amazonのような画像ズーム機能が実装できる「SergeLand Image Zoomer」

「SergeLand Image Zoomer v3.0」はAmazonなどでみられるマウスオーバーで画像をズームしてくれる機能を実装できるjQueryプラグインです。 ダウンロード *黄色ボタン

レスポンシブ対応の画像スライダー・ギャラリー用プラグイン

画像スライダー(ギャラリー)を作成してくれるjQueryプラグインの中からレスポンシブ対応のものをいくつか集めてみました。 シンプルでカスタマイズ豊富なスライダー用プラグイン「bxSlide

no image

テキストエリアを自動的にリサイズしてくれる「Autosize」

「Autosize」は、テキストエリアのサイズを入力文字数によって自動的に変更してくれるjQueryプラグインです。標準では、枠を超える文字数を入力するとスクロールバーが表示されますが、かわりに建増し

画像ズーム プラグイン

画像をズームしてくれるプラグインには、ツールチップ的にサムネイルにマウスオーバーした部分をズームアップしたり元画像を表示したり、その画像内でインナーズームする というような機能があるようです。

Comment

@wJSnews へ返信する コメントをキャンセル

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

*

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

    PAGE TOP ↑