このブログに掲載されている写真のほとんどはクリックすると大きくなります。また、拡大写真左右上部にカーソルを当てると表示される >>NEXT <<BACK ボタンをクリックするか、[→] [←] キーで関連する写真をスライドショウ的に見ることができます。


Top > 2007年7月 9日

2007年7月 9日

▽ <lightbox のキャプションにリンクを張る>

 litebox1.0 jpeg IE と揃うと写真の表示で白い点々(white noise) が出ることがあることは、以前のエントリーで記載した。それで、litebox1.0 lightbox2.0 に変更したら、 white noise が出なくなった。この lightbox2.0 の support 欄Q&Aに次のような記載があったので、導入してみた。最近のエントリー<隠居の庭:夏の花(2)>のローズアーチの写真で使っている。
Can I insert links in the caption?
Yes, but you need to convert quotes and greater and less than symbols into their html entity equivalents.
For example:
<a href="images/image-4.jpg" rel="lightbox" title="&lt;a href=&quot;link.html&quot;&gt;my link&lt;/a&gt;">Image</a>

 html entity equivalents とは、日本語で言うHTMLエンコードのことのようだが、引用の中で使った &lt; は、エントリーのフォーム(HTML)では &amp;lt; と書かないと表現されない。
 なお、HTMLエンコードするには、 lightbox2.0 のソースコードの中に、エンコードおよびデコードしてくれるページが記載されていた。日本語でも同様のページがある。ありがたいことです。