こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

ホームページ作成で背景画像を拡大したい

こんにちは。たびたびお世話になります。質問させていただきます。
ホームページの背景にする画像のサイズを大きくして1枚でPCのディスプレイに収まるようにしたいのです。
分かりにくくてすみません。
パソコンのディスプレイのプロパティの中の壁紙の設定で画像の位置で、「拡大して表示」みたいな感じにしたいのです。ホームページの背景で並べて表示はわかるのですが、どなたがご存知の方がいらっしゃいましたらお力を貸してください。

投稿日時 - 2002-09-25 10:39:59

QNo.366152

困ってます

質問者が選んだベストアンサー

<html>
<head>
<TITLE>ittochanです</TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=s-jis">
<SCRIPT ID=clientEventHandlersJS LANGUAGE=javascript>
<!--
function window_onresize() {
var y1=window.document.body.clientHeight;
var x1=window.document.body.clientWidth;
var x = img.width;
var y = img.height;
var scale1=x1/x;
var scale2=y1/y;
if(scale1>scale2){
img.width = x * scale2;
img.height = y * scale2;
}else{
img.width = x * scale1;
img.height = y * scale1;
}
}
//-->
</SCRIPT>
</head>
<BODY LANGUAGE=javascript onresize="return window_onresize()" onload="return window_onresize()">
<P>
<IMG id=img style="Z-INDEX: -1; LEFT: 0px; POSITION: absolute; TOP: 0px" src="img4.jpg">
背景画像は白っぽいのを使ってね。</P>
<P>こういうのはどうでしょうか。</P>
<P>ウィンドウのサイズに合わせて画像が自動的に</P>
<P>拡大、縮小されます。</P>
</BODY>
</html>

投稿日時 - 2002-09-25 23:21:44

このQ&Aは役に立ちましたか?

1人が「このQ&Aが役に立った」と投票しています

回答(4)

ANo.3

背景画像を拡大・縮小して表示することはできないようです。
画像が小さすぎるのならグラフィックソフト等で
大きくして、スタイルシートでページの真ん中に
一つだけ表示するようにしてはどうですか?

投稿日時 - 2002-09-25 11:21:48

ANo.2

>ホームページの背景にする画像のサイズを大きくして1枚でPCのディスプレイに収まるようにしたいの
>です。

解りにくいですが多分、無理です。
ディスプレイサイズ=ブラウザのウインドウサイズとは限らないですからね。
ウインドウサイズに合わせるのであればjava scriptとスタイルシートの組み合わせで可能な気がします。

投稿日時 - 2002-09-25 11:08:58

ANo.1

HTML構文の中に、

<body background="http://~~.gif">

と入れれば、いい、という答えでいいでしょうか?

質問の意図と違っていたら、すみません。

投稿日時 - 2002-09-25 10:49:17

あなたにオススメの質問