==教えることは自分育て==

カテゴリ:├画像は小、ビューは大( 3 )
|TOPに戻る
画像は小さくビューは大きく(手動サムネイル)
すべてタグでつくります。但しリンクはツールを使いましょう。
b0063421_1952117.jpgリンクツールがタグを書き込んでくれます。




1) 投稿の編集画面にダミーとして大きい画像を送信
2) マイブログメインに戻る
3) 画像の上で右クリック、<プロパティ>を表示。
   URLをコピー。
4) 擬似タグの下に画像表示のタグを書く
   例えば160x120pxの画像の場合
   <img src="URL" width=160 height=120 border=0>
5) 上のタグをドラッグして選択
6) ツールのリンクをクリック
7) URLを聞いてくるので、そこにURLを貼り付けて、OK
8) 擬似タグはいらないので、削除。
   しかし、下のアップロードした画像は削除すると、
   画像が消えますよ。

タグは下を参考にされてください。
<a href="http://pds.exblog.jp/pds/1/200707/11/21/b0063421_19534116.jpg" target=_blank><img src="http://pds.exblog.jp/pds/1/200707/11/21/b0063421_19534116.jpg" width="160" height="120" border="0"></a>

borderを10にすると、太い枠がつきますよ。この紫の色は、ブラウザのリンクの色です。枠がいらないときは、border="0"とします。


[PR]
by otomi7771 | 2004-11-16 16:12 | ├画像は小、ビューは大 |TOPに戻る
ビューより大きい画像を貼りたいとき
1024x768の写真を中央寄せで貼ります。
写真をクリックするとビューウインドウ(最大値は横680x縦510ピクセル)が開きます。
これでは全部が見えませんので、さらに拡大ボタンを押すと全体が見えます。
b0063421_15452474.jpg

[PR]
by otomi7771 | 2004-11-16 15:42 | ├画像は小、ビューは大 |TOPに戻る
画像は小さくビューは大きく(擬似タグ応用)
例えば、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に戻る