• ベストアンサー
  • 困ってます

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

  • 質問No.366152
  • 閲覧数621
  • ありがとう数1
  • 回答数4

お礼率 47% (43/90)

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

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

  • 回答No.4
  • ベストアンサー

ベストアンサー率 64% (2667/4137)

<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>

その他の回答 (全3件)

  • 回答No.3

ベストアンサー率 43% (48/111)

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

ベストアンサー率 22% (541/2399)

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

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

ベストアンサー率 35% (63/176)

HTML構文の中に、

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

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

質問の意図と違っていたら、すみません。
関連するQ&A

その他の関連するQ&Aをキーワードで探す

ピックアップ

ページ先頭へ