
画像の拡大表示のために、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に画像を表示したい
-
クリックすると画像を表示するタグ
-
ボタンをクリックした時に、キ...
-
スライダーを実装した場合、ペ...
-
Javascriptで指定した日付と時...
-
オンマウスで、画像切り替え+...
-
MAX関数を使ってからLEFT JOIN...
-
アコーディオンメニューが開い...
-
jspでcssが読み込めない
-
clear: bothの事で質問です。
-
jQueryの.text()関数でiframe
-
jsファイルのエラーについて
-
折りたたみ式JavaScriptをcheck...
-
OpenCVで固定枠で画像を操作す...
-
質問に答えていくと、回答によ...
-
オンマウスで流れる文字
-
文字をクリックしたら別の文字...
-
小さい写真にマウス置くと拡大...
-
テキストノードを非表示にでき...
-
開閉式ツリー型メニューについて
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
1枚の画像をクリックすると複数...
-
Javascript で共通の処理をどこ...
-
透過pngの透明部分以外をクリッ...
-
textareaに画像を表示したい
-
Gifアニメ、最後のコマに行った...
-
オンマウスで、画像切り替え+...
-
1枚の画像をクリックして複数の...
-
JavaScript スライドの画像にリ...
-
jQueryで特定のURLの時のみ表示
-
getElementByIdによって指定し...
-
表と裏がある1枚の画像を回転す...
-
JavaScript で flexslider の画...
-
Twitterの埋め込みしたWebペー...
-
中心を軸にくるくる回るjQuery ...
-
Javascriptで、配列にキャラ画...
-
プルダウンの位置がwin/macでず...
-
画面の表示位置を指定させて表...
-
クリッカブルマップで切り替え...
-
クリックで背景変更するタグ
-
Ajaxから画像ファイルへのリク...
おすすめ情報