==教えることは自分育て==
<< 市松の画像の貼り方

画像は小さくビューは大きく(擬似タグ応用)
例えば、440×194の画像をUPします。下のような擬似タグが表示されます。
b0063421_20563551.jpg

この擬似タグは、ソースのほうでは、ジャバスクリプトを書き込まれ、中央揃いの場合、本文の幅以上の画像は、幅のサイズに自動縮小され、クリックすると、拡大されます。

b0063421_2034919.jpg


この場合は、本文の幅より狭いので、実寸で表示されています。
クリックしても、大きさはこれ以上拡大しません。

ただ元の画像を、半分に小さく表示したい場合、下のように、擬似タグのサイズをいじることで便宜的に小さくできます。但し、ビューは2段階で拡大します。

タグを打つより、ず~っと簡単ですね。初心者にはお薦めの裏技です。

b0063421_2103279.jpg

b0063421_2034919.jpg


【注意】 縦、横の比率は、崩さないように縮小してくださいね。画像がきたなくなります。

★下の例は、原画400×300の画像をUP。投稿画面の擬似タグのサイズを100×75に修正して送信。4枚目と5枚目との間に、<br clear=all> を入れて改行しました。
擬似タグのみで作るサムネイルです。最後にも入れた方がいいですね。

b0018441_3174184.jpgb0018441_3175164.jpgb0018441_318595.jpgb0018441_3182314.jpg
b0018441_3183641.jpgb0018441_3184643.jpgb0018441_319840.jpgb0018441_3192630.jpg


投稿画面は下のようになっています。
b0063421_1318636.jpg

[PR]
by otomi7771 | 2004-11-14 19:59 | ├画像は小、ビューは大 |TOPに戻る
<< 市松の画像の貼り方