「文中でイメージを横に、連続して配置したい」Level２

「文中でイメージを横に、連続して配置したい」Level２

イメージを横に、配置したい場合は、いろいろな手法があるのですが、
その中で一番、安全性が比較的にあるかなぁ？と思われる手法を紹介します。

• [3つ連続して配置したい]
  
• [イメージをアップロード]
  

安全性については→「Levelについて」をお読みください。

3つ連続して配置したい

例えば横に３つ連続して配置したい場合は、
以下のように表記します。

[[attached(１)]][[attached(２)]][[attached(３)]]

※数字の１、２，３は「半角文字」に直してください。

これで、画像添付でアップロードされた一番目の画像（修正ページでは、サムネイルの一番左に表示されているイメージ）から順にページの左端に表示され、つづいて、２番目、３番目と、横に連続して配置される表記になります。

※この順番を例えば

• 破綻してしまう表記
  
  [[attached(１)]][[attached(３)]][[attached(２)]]
  

のように、順番を入れ替えてしまうと、破綻してしまいます。

つまり、ページ内での出現順に表記してください。

次に、イメージをアップロードします

新規投稿ページの「画像添付」を利用してイメージをYahooブログのサーバーにアップロードします。

• (1)画像添付の[複数の画像をアップロード]をクリックし、フィールドを増やしてください。
  
• (2)フィールド右横の[参照]をクリック、これで、ご使用のパソコンのハードディスク内が見れるようになります
  
• (3)ハードディスク内の自分が記事に貼り付けたいと思うイメージファイルを選択。
  
• (4)[開く]をクリックしてください。
  

この(2)〜(4)までを複数くりかえします
最初に表示したいイメージファイルを一番、上のフィールドで、
最後に表示したいイメージファイルを一番下のフィールドでというように順番に注意して操作してください。

• wiki文法にチェックを入れ
  
• [ok決定]をクリックしてください。
  

これで、イメージが横に、連続して配置されます。

---

---

更にこのような場合でも

[[attached(１)]]テキスト[[attached(２)]]テキスト[[attached(３)]]テキスト
[[attached(１)]]テキスト[[attached(２)]]テキスト[[attached(３)]]テキスト

テキストテキストテキスト
テキストテキストテキスト

※この[[attached(１)]]を使う表記の場合イメージの縮小は行えませんので、この場合のように横に連続して配置したい場合は(560px/枚数)より更に小さなサイズでないと、

レンダリングがおかしくなります。

• 
  
  (560px/枚数)-枚数×余白
  この余白については、ブラウザ固有の値が影響しますので、お使いのブラウザで、意図したレンダリングになっても、他のブラウザでは、そうならない場合があります。
  

※この手法は、画像添付したページ内で、そのイメージについてのみ有効です。

img()を使う手法のように他のページでアップロード したイメージなどに適用はできません。（もちろん、他のサーバーのイメージにも使用できません。

Ｙａｈｏｏブログでのアップロード機能

---

尚、記事の一部について
「ブログの種（旧WebSite制作奮闘記）mugiさんの
添付画像を文中に挿入
をヒントにさせていただきました。ありがとうございました。

---

その他のヒント
記事に簡単に画像を入れたい｜文中にイメージを入れたい｜「雑誌のようにイメージを入れたい（回り込み）」｜イメージの貼り付けの秘密｜

どうも、ゆーじです♪記事にこの方法を活用させていただきました！ありがとうございました。

Yu-ziさんいらっしゃいませ！。おー、そうですか。お役に立てたみたいですねー。記事楽しみですねー。コメント、ありがとうございました！。