画像の拡大表示のために、Lightbox2を使用しております。
画像のキャプションとして、title属性内にHTMLで装飾した長い文章を入れています。
しかしLightboxのキャプションはtitle属性であるため、(当然ですが)サムネイル画像にマウスカーソルを置いたときにブラウザが表示するポップアップにおいて、キャプション用文章のHTMLタグまで表示されてしまってみっともないです。
出来ればtitle属性は本来の使い方にしておいて、Lightboxのキャプション専用の属性を新たに加える・・・というような感じにするには、どのように改造したら良いでしょうか?
ソースは以下のような感じです。
●現状
<a href="/image/test.jpg" rel="lightbox" title="<h2>題名</h2><p>この写真はテストです。</p>"><img src="image/test_thumbnail.jpg"></a>
●理想(こんな感じに出来たらいいなぁというイメージです)
<a href="/image/test.jpg" rel="lightbox" title="テスト画像" caption="<h2>題名</h2><p>この写真はテストです。</p>"><img src="image/test_thumbnail.jpg"></a>
おそらくlightbox.jsのどこかをいじるのだと思いますが、試しに218行目の imageLink.title を imageLink.caption に書き換え、さらに223行目の anchor.title を anchor.caption に書き換えてみましたが、ダメでした。(JavaScriptの知識がゼロのため、まったく的外れなことをしているかもしれません)
他に何か良い方法はありますでしょうか?
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
textareaに画像を表示したい
-
JAVA 残像を残す画像の入れ替え
-
重なった画像にクリックイベン...
-
Javascript で共通の処理をどこ...
-
画像と説明文を別データで作りたい
-
JAVASCRIPTでアクセス毎に画像...
-
bxsliderにて読み込み後に内容...
-
1枚の画像をクリックすると複数...
-
ボタンをクリックした時に、キ...
-
リロード毎に表示画像を変える
-
スライダーの枠に動画を収める...
-
MAX関数を使ってからLEFT JOIN...
-
前回の質問の続き function mov...
-
jqueryのsortableで一部ソート...
-
指定したパスが現URLに含まれて...
-
バナーにオンマウス
-
jQueryでネスト構造の<li>がク...
-
Gif画像のアニメーションが再生...
-
yahooジオシティーズでのCSS読...
-
java スライド クリック メニ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
textareaに画像を表示したい
-
Gifアニメ、最後のコマに行った...
-
透過pngの透明部分以外をクリッ...
-
JavaScript スライドの画像にリ...
-
1枚の画像をクリックすると複数...
-
Javascriptで指定した日付と時...
-
1枚の画像をクリックして複数の...
-
ボタンをクリックした時に、キ...
-
画像の重なりの順序を代える方...
-
【java】背景画像を一定時間で...
-
オンマウスで、画像切り替え+...
-
javascriptで毎月替わる画像
-
画像がプルプルふるえるんです。
-
jQueryスライドショー画像への...
-
HTMLで条件分岐はできますか?
-
JavaScriptとチェックボックス...
-
WEBページ立ち上げ時に1回のみ...
-
中心を軸にくるくる回るjQuery ...
-
プルダウンの位置がwin/macでず...
-
bxsliderにて読み込み後に内容...
おすすめ情報