|
6/21に「完成」と書いたが・・・
いろいろのページで閲覧していると、右のサムネイルに写真の説明文が欲しくなった
しかし複数行の説明文では折角のスクロールが思わしくなくなる
何とか１行で表示できないか・・・と。
文字表示には 11pt と 11px という書き方がある。通常は <font style="font-size:11pt"> と使う
ここを :11px でもちゃんと表示される
そこで下記のようにソースを書き換えた
----------------------------------------------------------------
//-- 写真説明文
var m_len = Math.floor(list_img_width/list_moji_size) - 1
op +="<FONT style='font-size:" + list_moji_size + "px ; color:#00ff00'>"
op += f_alt[i].substring(0 , m_len)
if(f_alt[i].length > m_len){
op +="..."
}
op +="</FONT>"
----------------------------------------------------------------
つまりサムネイルの幅 これは120〜80まで変化する
この幅を文字サイズ(ここでは13px)で除すると幅の中に何文字表示できるかが計算される
仮に６文字とする。これより長い説明文は「...」で表示する
これでサムネイルの下側に１行で表示できた
「これで完璧・・・」、いえいえまだまだ改良点が出てくるでしょうね |
|
