ヤフーオークションの「商品の情報」説明欄に
HTMLタグを使って画像を表示するには・・・


ヤフーオークションでの写真掲載は、1オークションにつき3枚までと決められています。
しかし、出品者としては説明のために多くの画像情報を掲載したいものです。

このページでは、「商品の情報」説明欄(以下「説明欄」とします。)にHTMLタグを利用して画像を表示させる方法について説明します。(申し訳ありませんが、winが対象です。Macなども基本的には同じですが、操作方法が若干違います。)
これにより、 表示できる画像は1オークションにつき7枚まで可能となります。(詳しくはヤフーオークションのヘルプを読んでくださいね!)
少々回りくどく書いていますが、何とか読み解いてください^^;


画像を表示させる手順は次のとおりです。
○説明に使用する画像を準備する
○画像のアドレスを取得する
○HTMLタグに画像のアドレスを貼り付ける



○説明に使用する画像を準備する


説明欄に画像を表示させるには、あらかじめヤフオク以外の場所(ネット上)から画像データを読み込んでこなければなりません。(説明欄に直接画像を貼り付けるわけではありません。)
前もってネット上のデータ保存スペースに画像を保存(アップロード)しておく必要があります。


画像の保存方法(livedoorPICSの場合)

livedoorトップページから、livedoorPICSを開きます。(ログインしていない場合はログインしてください。)
http://pics.livedoor.com/

   
livedoorPICSトップページが表示されたら「アップロード」を選択します。
   
「参照」をクリックし、PCに保存している写真を指定します。(複数ある場合は順次指定)
「写真のタグ」は特に設定しなくてもOKです。
「公開設定」「コメントの書き込み設定」「トラックバックの受信設定」は図を参考に設定し、「アップロードする」をクリックします。
   
アップロード中はこのような画面が表示されます。。
   
アップロードが完了すると「まとめて編集」の画面に変わりますので、特に設定をせず「変更を保存する」をクリックします。
マイピクスに保存したデータが表示されます。これでアップロードは完了しました。
写真をクリックしてアルバムを開いてみましょう。



※ヤフーフォトやヤフージオシティーズなども同様に画像をアップロードできますが、画像データへ直接リンクすることはガイドラインに抵触する可能性がありますのでご注意ください。


○画像のアドレスを取得する

ネット上にアップロードした画像を表示させてみましょう。

ブラウザ(InternetExplorer等)に表示されているアドレスはウェブページのアドレスですので、画像本体のアドレスを別に表示させる必要があります。
画像本体のアドレスを表示させるには、画像の上にポインタ(マウスの矢印)を持っていき「右クリック」→「プロパティ」を選択します。








「プロパティ」を選択すると画像のプロパティ画面が表示されます。
中段のアドレス(URL)が画像本体のアドレスですので、これをコピーします。
表示されたアドレスにポインタを持っていき、左クリックをしたままドラッグするとアドレスの文字の色が変わります。
「右クリック」→「コピー」でアドレスをコピーします。この際、一旦テキストファイル(メモ帳など)に貼り付けておくと、後々の作業に役立ちます。



【練習】
次の画像のアドレスを取得して、テキストファイルに保存しましょう。




○HTMLタグに画像のアドレスを貼り付ける


説明欄に書き込むHTMLタグは
<img src="http://xxxxxx">
を利用します。
"http://xxxxxx"には画像本体のアドレスが入ります。

「img src=〜」は「〜の画像を表示せよ!」というプログラムのようなものです。
「〜」には画像名を指定するのですが、今回のように"http://xxxxxx"を指定することで「指定したアドレスの画像データを表示せよ!」という命令文になります。
これらの作業はテキストファイル上でやっておくとよいです。

次に表示場所の設定を行います。
<img src="http://xxxxxx">のみを説明欄へ書き込んだ場合、画像が左端に寄ってしまいます。
複数の写真を指定した場合は基本的に横並びの表示となります。
この状態では非常に見づらいので、ワープロでいう「改行」と「センタリング」を行う必要があります。

HTML構文で改行は<BR>、センタリングは<CENTER>と入力します。
<BR>は任意の場所でOKですが、<CENTER>は<img src・・・>の前に入れます。

【例1】
<BR>
<CENTER><img src="http://xx1枚目xx">
<BR>
<img src="http://xx2枚目xx">
<BR>

【例2】
<BR>
<CENTER><img src="http://xx1枚目xx">
<BR>コメント
<BR>
<img src="http://xx2枚目xx">
<BR>コメント
<BR>

作成したHTMLタグを説明欄に転記してプレビューで確認します。

【練習】
上の練習で取得したアドレスを利用してHTMLタグを作成してみましょう。
出来上がったタグをオークション関連リンク集(http://www.auclinks.com/ )のHTMLタグ練習場を利用して表示させてみましょう。





以上の手順で写真の掲載に必要なHTMLタグの作成ができます。
オークションの説明欄や追加説明欄に作成したタグを転記しましょう。プレビュー(確認)画面で画像の表示が確認できます。

なお、この方法はネット上の別の場所から画像を転送させる方法ですので、場合によってはうまく表示できないこともあります。
主な例として
アクセス制限等の関係からリンクによる表示ができない
一定時間を経過すると画像が消える
等があります。出品前にHTMLタグ練習場などで必ず確認をしましょう。


余談ですが・・・
説明欄に画像のリンク先を貼り付けていますので、オークション終了後も画像は消えないと思います。
画像を消したい場合は、リンク元の画像を消してください。
画像の消去は「マイピクス」に表示されている画像の下にある「Delete」をクリックします。消去するかどうかの確認が表示されますので、そのまま進めば画像は消去されます。

【注意事項】
本ページでは「livedoorPICS」を利用した方法を説明しましたが、あくまで一例であり、livedoorPICSの利用を推奨するものではありません。
出品にあたっては、複数の画像を1枚にして表示したり、ヤフーフォトのページへ移動してもらうなどの方法も
検討しましょう。
このページの先頭へ
★〔PR〕驚きの古代米パワー!いつものお米に混ぜるだけで、美味しく栄養価の高いご飯に♪★



+ + + この説明は オークションプレートメーカー2 で作成させていただきました  + + +
No.101.001.004

当ページのフォーム及びHTMLタグ練習場などを活用させていただいてます「まゆ2」様に心よりお礼申し上げます。