画像の貼り付け

画像の大きさをウィンドウの大きさに合わせて変える


IMGタグで画像を表示させたりするとき、画面いっぱいにウィンドウを広げて見た時にはちゃんと表示されていても少しウィンドウを小さくしてみると画像がはみ出てしまうなんていう経験はありませんか。
特に罫線として使う横に長い画像なんかは困ってしまいますね。
それを防ぐいい方法があります。

記述例
<IMG SRC="abc.gif" WIDTH="70%" HEIGHT="8">
備考
WIDTHとHEIGHTの値をパーセンテージ(%)で指定するとウィンドウに対するパーセンテージで画像の大きさが変化します。

画像を額縁に入れる


TABLEタグを使うことで簡単に額縁の様な効果を出すことができます。
家


記述例
<TABLE BORDER="4" CELLSPACING="4" CELLPADDING="2" BGCOLOR="red"> <TR BGCOLOR="yellow"> <TD> <IMG SRC="○○○.gif" WIDTH="70%" HEIGHT="8"></TD> </TR> </TABLE>
備考
BORDER、CELLSPACING、CELLPADDINGのそれぞれの値を変えることで額縁のイメージを変化させることができます。 また、TABLEタグとTRタグにBGCOLORの属性を付けることで額縁に色を付けることができます。ただ、NNではTABLEタグの方で色を付けることはできません。


壁紙の貼り付け


楽天では、壁紙は同じ物に為ってしまいますが、
<IMG src="背景画像" onLoad=this.style.display="none";
body.background=this.src;body.style.backgroundAttachment="fixed">
このタグを使うと、何処のページでも色々な、壁紙が貼り付けられます
ただし、これは、固定に為りますからね。
固定にしない様にするには、body.style.backgroundAttachment="fixed"
これを省いて下さいね。



© Rakuten Group, Inc.
Design a Mobile Website
スマートフォン版を閲覧 | PC版を閲覧
Share by: