紫川クンがアップしてくれている画像貼り付け関連。
基本手順は、丁寧にまとめてくれています。 ⇒
こちら
しかし、MyplanMaxさんやNONBEさんが、貼り付けできないとぼやいていたのを見て、ちょいとテストしてみましたよ。
ます、左は標準で組み込まれる画像。
サムネイル表示されていて、本体は
【width: 800px】に自動変換されています。
答え合わせは後で追記するとして、、、
さてと。それでは画像貼り付けして見ましょうか。
余計なタグは使わず、単純に貼り付けてみよう~♪
【width: 320px】
【width: 480px】
【width: 550px】
【width: 580px】
【width: 600px】
※ ウザいので削除します。
【width: 640px】
※ これもウザいので削除します。m(__)m
【width: 800px】
※ こちらもデカイだけなので削除します。m(__)m
こんな感じ~。では、追記します。(初めて見る人には関係ないけど)
一応、仕事柄、TCP/IP関連の基本概念は理解しているので、皆さんが自由に画像を貼り付けできるよう、僕なりに出来るだけ簡略化して説明をしておきますね。
とりあえず単純貼り付けでは、みんカラの場合、どこかの画像サービスにアップする際に、
【580px】の横幅でアップしておくと、みんカラのレイアウトにピッタンコです。画像サービスそのものは、何でも大丈夫ですよ。
僕はPicasa使っています。みんカラのフォトでも大丈夫。要は、インターネット上のどこに存在していても良いので、とにかく
画像そのもののURLを貼るという事ですね。
本当は先にお断りしたかったけど、多分許してくれると思う (^_^;) ので、MyplanMaxさんが
昨日の投稿で貼りたかったけど、表示されていなかった件をちょっと失礼して題材にしちゃいます。
MyplanMaxさんの場合は、画像がプレビューされているページのURLを貼っていました。
プレビューされているページのURL
https://minkara.carview.co.jp/image.aspx?src=https%3a%2f%2fcdn.snsimg.carview.co.jp%2fminkara%2fblog%2f000%2f019%2f911%2f448%2f19911448%2fP1.jpg
画像そのもののURL
https://cdn.snsimg.carview.co.jp/minkara/blog/000/019/911/448/19911448/P1.jpg
というわけで、画像そのもののURLを貼ると、こんな感じ(画像を拝借、失礼)
※ 画像が大きすぎてページ全体レイアウト崩れるので、580pxに指定し直しました(2011/3/9 修正)
で、リッチ編集を使えば、こんな風に設定変更も出来ます。僕の言葉で恐縮ですが、日本語説明と設定例をご参照下さいな。
(同じMp-Maxさんの画像を実例として拝借、重ねて失礼)
Image URL: 画像そのもののURLを入れる
Size: 任意の大きさに表示させる(今回は150 x 150)
Text Flow: 画像とテキストの配置(今回はLeft)
Padding: 画像の周りの余白(今回は10)
Border: 画像の縁(今回は太い、赤い、点線)
Description: マウスあてた時のポップアップコメント(今回は見ての通り)
Link URL: リンクさせる場合に入力(今回は、あえて僕のブログURL(笑))
Open in a new window: 新しいページで開く(今回はチェック入れている)
以上、答え合わせでした、ご参考までに。適当ですみません。m(__)m
ブログ一覧 |
その他 | その他
Posted at
2011/03/08 06:46:52