今日は、サムネイルに関してのご質問があった為、
画像を小さく表示して、クリックで元の大きさを表示する方法を説明します。
沢山の画像を並べる場合、サイズの大きな画像は、見る人にとっても時間が掛かりますので、
表示サイズを小さくする方が良いですネ♪
↓ココで使うタグはコレ
『 <IMG SRC="
http://~(画像までのURL)
" width="★" height="☆" alt="●">
』は、
画像の倉庫からコピーしてきたタグを、そのまま貼り付けます。
ココから、上の『 http://~(画像までのURL)
』の所に
『コピー・貼り付け』すればOK!
ようするに、画像の倉庫からのタグを、<a>と</a>で挟めばいいのです。
★と☆は 表示される大きさ
なので、それぞれ比例して小さくして下さい。
通常は、『640×480(480×640)』だと思いますので、
下記を参考にして縮小して下さい。
*2分の1のサイズ…320×240(240×320)
*4分の1のサイズ…160×120(120×160)
*4分の3のサイズ…480×360(360×480)
4分の1サイズにして見てみると…
…となります。(クリックしたら、ブラウザーの『戻る』で戻って下さい;)
これに、
*枠を取る『 border="0"
』を、『
にして見てみると…
…このようになります。
テーブルを使って画像一覧を作る等、上手くご利用下さいネ♪