• ベストアンサー

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

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

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

  • ベストアンサー
  • ittochan
  • ベストアンサー率64% (2667/4137)
回答No.4

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

  • mirurin
  • ベストアンサー率43% (48/111)
回答No.3

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

  • blue_leo
  • ベストアンサー率22% (541/2399)
回答No.2

>ホームページの背景にする画像のサイズを大きくして1枚でPCのディスプレイに収まるようにしたいの >です。 解りにくいですが多分、無理です。 ディスプレイサイズ=ブラウザのウインドウサイズとは限らないですからね。 ウインドウサイズに合わせるのであればjava scriptとスタイルシートの組み合わせで可能な気がします。

  • Magician
  • ベストアンサー率35% (63/176)
回答No.1

HTML構文の中に、 <body background="http://~~.gif"> と入れれば、いい、という答えでいいでしょうか? 質問の意図と違っていたら、すみません。

関連するQ&A