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

画像マウスオーバーするとキャプションを出現させるプラグイン
(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
  • このエントリーをはてなブックマークに追加

関連記事

no image

グラフ作成 プラグイン

C3.js C3.js サイト [browser-shot url="http://www.chartjs.org/" width="200" imgclass=" ali

わずかなコードで画像をサムネイル化してくれる「MyThumbnail.js」

サムネイル化してくれるJQueryプラグインは数多くありますが、この「MyThumbnail」はわずか数行で簡単にページ上の画像を指定サイズにサムネイル化してくれます。 ダウンロード 画像とし

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

Webサイトで円グラフ表示したいと要望があったので、以前使用したjqPlotでデモを作成しました。ダウンロード 最初の要望は「凡例つけて」、「いい感じにカラーリングしてほしい。」、「定期的に変更

リストをインクリメント検索・ソートできる「List.js」

List.jsは、リストをインクリメント検索やソートができるjQueryプラグインです。 ダウンロードはこちら リストだけでなくテーブルにも実装可能のようです。 スクリプト

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

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

タブを画面サイズによってアコーディオンにしてくれる「Easy Responsive Tabs to Accordion」

「Easy Responsive Tabs to Accordion」はタブ表示を画面サイズによって折りたたみのアコーディオン形式に変換してくれるjQueryプラグインです。 デフォルトでは、768

カレンダー実装プラグイン「Bootstrap Calendar」

「Bootstrap Calendar」はBootstrap 3ベースでカレンダーが実装できるjQueryプラグインです。 ダウンロード スクリプト

Lightboxプラグイン「Boxer」

「Boxer」はLightboxやモーダルウィンドウを実装できるjQueryプラグインです。画像だけでなく動画にも対応しています。 モバイル環境にも最適化されていて、#レスポンシブ 対応で、#スワイ

no image

要素を折りたたみできる「nestedAccordion」

「nestedAccordion」は、クリックすると要素を開閉(折りたたみ)できるjQueryプラグインです。名前の通りネストして、アコーディオンの中にアコーディオンも実装できます。ダウンロードはこち

親要素の大きさに合わせてテキストをリサイズ「FitText」

「FitText」は親要素の大きさに合わせてテキストをリサイズしくれるjQueryプラグインです。ダウンロード | デモ スクリプト 実装 responsive_head

Comment

Message

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

*

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

    PAGE TOP ↑