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

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

関連記事

ページ内のフォントサイズを変更してくれる「Text Resizer」

「jQuery Text Resizer Plugin」は、ページ内のフォントサイズを変更してくれるjQueryプラグインです。要素を限定してリサイズすることも可能です。jquery.cookie.j

レスポンシブに対応したテーブルを実装できる「FooTable」

「FooTable」は、画面の大きさに合わせて表示をかえてくれるテーブルを実装できるjQueryプラグインです。かなり、シンプルに実装できます。ダウンロード #v2にアップデートされたため刷

ナビゲーション内にサムネイルを設置できる画像スライダー・ギャラリー用プラグイン

画像ギャラリーを作成してくれるjQueryプラグインはたくさん制作されています。その中でもサムネイルを使用してギャラリーのナビゲーションを行ってくれるプラグインをいくつか集めてみました。 サムネ

Wysiwygエディタ用プラグイン「CKEditor」

「CKEditor」は、Wysiwygエディタを実装できるプラグインです。 ダウンロード | デモ スクリプト 実装 文字数・単語数のカウント表

selectボックスを華麗にしてくれる「Chosen」「Select2」

selectボックスに当てるjQueryプラグインを色々探してみましたがこれに決めました。シングルやマルチ、またグループにも対応しています。インスタンス検索してくれるのが決め手 Chosen CDN

「jqPlot」 カスタマイズ

以前、ここで使用した「jqPlot」ですが、色々なキーワードで訪問される方がいらっしゃったので、それを元ネタとして使わせてもらいカスタマイズ方法を紹介したいと思います。 以下4つのファイルへリンクし

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

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

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

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

no image

クリックするとテキストボックスにかわるラベルを実装

Flickrなどでは、写真の編集画面でキャプションをラベルとして表示しておきクリックするとテキストボックスやテキストエリアに変換してくれて編集させるようなインターフェイスを実装しています。結構いいです

表示パターン豊富なスライダー「flexslider 2」

「flexslider 2」は、シンプルに実装でき、かつカスタマイズ機能が豊富なスライダー用プラグインです。 flexslider 2 オプションや機能 サムネイルナビゲーション 複数表示

Comment

Message

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

*

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

    PAGE TOP ↑