写真をインラインで表示

ブログ | 2007/12/5 00:58
写真を本文内に挿入できるようにしました。

手順としては、
投稿フォーム(or 編集フォーム)のファイル一覧でインラインにチェックします。すると本文の一番最後に[img|88]のような文字列が追加されます。その文字列を挿入したい場所に移動します。

画像挿入の書き方には、いくつかのオプションがあります。
最小単位は、
[img|fileID]
フルオプションは、
[img|fileID|回り込み|画像幅|回り込み解除]
になります。

fileID: チェックした時に挿入される数字を参照して下さい。
回り込み: 「left」か「right」
画像幅: pxの数字を入れて下さい。100〜450が有効です。
回り込み解除: 「clear」をいれることで、その画像の上で回り込み解除

以下、適当にサンプルです。

[img|86|left|150]
たとえば左寄せの幅150px。

[img|88|right|200|clear]
上で回り込みを解除して、右寄せの幅200px。

[img|87||clear]
上で回り込みを解除して、幅指定なし。幅を指定しない場合は画像のオリジナル幅になります。ただし450px以上の場合は450px。

[img|87|left|120][img|86|left|120][img|88|left|120][clear]
画像を横に並べた場合。その下、回り込みを解除させたい時は、[clear]を付けます。

[img|86] 最小単位での表示。

これで、けっこう制御できると思うのですがいかがでしょうか。
センタリングはありません。高さ指定もありません。
da
まだ左寄せしかチャレンジしてませんが、これは便利ですね。
da | 2007/12/09 10:26
ITIKAWA
画像幅の下限なんですが、もう少し小さい幅もOKにしてもらえないでしょうか?縦長の画像をいれた場合、もう少し小さくしたいなあと思うことがしばしば。具体的には70くらい。まあ、極論すれば、10からでもいいんですけど。(笑)

これも強い要望ではないんで、色んなバランスから、100ってことであれば別にこのままでも構いませんー。
いちかわ | 2007/12/09 12:11
kuwa
70にしてみましょうか。
画像の下に説明文の文字列も入れている為、最小を指定しているというのが意図なんです。10pxにしちゃうと、その文字がほとんど縦に並んじゃっていまいちなのですが、70ぐらいなら許容範囲です。
kuwa | 2007/12/09 14:36
ITIKAWA
あ。なるほど。言われてみれば。上限はわかりますが、下限はどうしてかなーって全然気付いてませんでしたよ。毎度細かいことで恐縮ですー。
いちかわ | 2007/12/09 14:54
kuwa
70に下げてみました。
これから、タグの絞り込みやってみます。
kuwa | 2007/12/09 15:38
ITIKAWA
ありがとうございます!かなり自己満足できました。(^^)
いちかわ | 2007/12/10 13:50
縮小 拡大

ログインしておくと、後で編集が可能です。

Rottel内コンテンツ

ユーザー一覧

Rottelとは?
利用規約
開発飲料
利用者の声
ヘルプ
close