maaash.jp

what I create

Lightbox JS v2.02のコメント/タイトル欄

またまたLightboxJSv2.02ねた。

ギリシャ&ドイツ写真@2003秋 で、初めてLightboxでオーバーラップ表示した画像の下にある コメント(タイトル?)欄を使ってみました。

書式が小さなフォントのboldだったので、 見やすくなるようにいじってみました。

lightbox.css のline.68辺り

1
2
3
4
5
6
7
pre:
#imageData #caption{ font-weight: bold; }

aft:
#imageData #caption{
font-size: x-small;
}

ちなみにMovable Typeのエントリー投稿画面での入力の仕方memo

ギリシャ&ドイツ写真@2003秋 のエントリーは以下のように書いてます。

1
2
3
4
5
6
7
8
9
<br />
<a href="http://slightlyblue.com/blog/photo/g2/01.jpg" onclick="javascript:_gaq.push(['_trackEvent','outbound-article','http://slightlyblue.com/blog/photo/g2/01.jpg']);" title="1/32</p> <p>成田発アエロフロート便モスクワ経由アテネ着早朝</p> <p>そのまま朝の便でミコノス島へ</p> <p>フェリーを降りて拉致られるようにして着いた宿が<br /> ここ</p> <p>部屋の窓からの景色。</p> <p>Oh, yeah!<br />" rel="lightbox[g2]"><img src="http://slightlyblue.com/blog/photo/g2/01.jpg" width="100" /></a><br />
1/32</p>
<p>成田発アエロフロート便モスクワ経由アテネ着早朝</p>
<p>そのまま朝の便でミコノス島へ</p>
<p>フェリーを降りて拉致られるようにして着いた宿が<br />
ここ</p>
<p>部屋の窓からの景色。</p>
<p>Oh, yeah!<br />

Comments