ゴリラ向け動画サイト「ウホウホ動画」にありがちなこと

画像の拡大表示のために、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の知識がゼロのため、まったく的外れなことをしているかもしれません)

他に何か良い方法はありますでしょうか?

A 回答 (1件)

ご希望通りにするには、いじくらないとだめでしょうね。



Lightboxには専用のForumsが用意されていますので、そちらに質問した方が適切な回答が得られるでしょう。
提案内容がもっともであれば、次回バージョンに取り入れられるかも。
    • good
    • 0
この回答へのお礼

ありがとうございました。
自分でいろいろ試していたら、希望通りの動作にすることが出来ました。

お礼日時:2008/10/22 10:04

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!