« フラワーアーチに薔薇が咲きました | トップページ | 家庭菜園で初めてジャガイモ »

2007/05/30

サムネイルの作り方

コメント欄にサムネイルの質問を頂いたので・・・
サムネイルの作り方を簡単に説明してみます。

タグ文で
<a href="大きく表示したい写真のアドレス" target="_blank"><img src="サムネイルで小さく表示したい写真のアドレス" border="0" alt="写真の説明" ></a>

と書けば良いのですが・・・これじゃ不親切ですよね(^^;

例で説明してみますね。
【大きい写真の準備】
たとえば普通に画像を貼るとこんな写真
ミュウ切り戻し
この写真のタグ文はこれです。
<img src="http://image.space.rakuten.co.jp/lg01/72/0000160972/31/imgfbf61a0azikbzj.jpeg" border="0" alt="ミュウ切り戻し" >
ここで赤字が写真のアドレスなんです。

【小さい写真の準備】
もうひとつサムネイル用に小さな写真を登録します。
たとえば・・・
サムネイル用
これだと下の青字が小さい写真のアドレスなんです。
http://image.space.rakuten.co.jp/lg01/72/0000160972/26/img52f55e3fzik6zj.jpeg

【サムネイル画像(タグ文)の作成】
大きい写真のアドレスと小さい写真のアドレスを一番上のタグ文のように書くと・・・
<a href="http://image.space.rakuten.co.jp/lg01/72/0000160972/31/imgfbf61a0azikbzj.jpeg" target="_blank"><img src="http://image.space.rakuten.co.jp/lg01/72/0000160972/26/img52f55e3fzik6zj.jpeg" border="0" alt="ミュウ切り戻し" ></a>
となります。
出来上がったのがこちら ミュウ切り戻し クリックしてみてください。

いかがですか?楽天フォトでサムネイル表示。
一番上のタグ文を雛形として持っていれば簡単ですよ♪

注意!
小さい写真の分、余計にフォト容量を消費しますので注意してくださいね。

« フラワーアーチに薔薇が咲きました | トップページ | 家庭菜園で初めてジャガイモ »

コメント

コメントを書く

(ウェブ上には掲載しません)

« フラワーアーチに薔薇が咲きました | トップページ | 家庭菜園で初めてジャガイモ »

無料ブログはココログ