• ベストアンサー

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

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

  • totis
  • お礼率47% (43/90)
  • HTML
  • 回答数4
  • ありがとう数1

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

  • ベストアンサー
  • 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

  • ホームページの背景画像固定が上手くいきません

    皆様よろしくお願い致します。 2つほど質問です。 ウィンドウズXPのインターネットエクスプローラー(最新版) パソコンでホームページビルダーソフトでホームページを、 作成しています、 ★1つめは、 背景画像が上手く設定できずに 困ってます。ホームページビルダーに予め設定されている サイトサイズ幅750、高さ900。 1024×768ディスプレイ用を使い、 素材サイトから、1024×768ピクセルサイズの壁紙を使用し、 作成しようとすると、壁紙が拡大されたような感じになってしまいます 横の右側が多少切れてしまいます。縦は、755位で途切れてしまい また同じ画像が繰り返されます。 ソフトの設定はいじってません。壁紙の画像は、そのままのサイズで 表示されないのでしょうか? サイトサイズをマニュアル設定で 幅1024、高さ768で設定するとピタリとあいます。 自分が作りたいサイズは、1024×768ディスプレイ用なのです ★2つ目です サイトサイズ幅750、高さ900。 1024×768ディスプレイ用を使い、 画像を固定したいのですが、上手くいきません。 画像が大きく拡大されてしまったり、 画像よりも縦幅のある、文章を載せようとすると、 画像のサイズを超えてしまうと、真っ白になったり、 同じ画像の繰り返しになってしまいます。 ホームページ作成の知識が乏しくお手間をお掛け致しますが お知恵をお借りできれば幸いです。 よろしくお願い致します。

  • ホームページ背景(壁紙)拡大設置

    ホームページへ背景(壁紙)を設置したいのですが、ダウンロードしたもの、あるいは、手持ちの写真や絵などを、デスクトップ表示のように、windowsコントロールパネルのデスクトップの表示とテーマ→「デスクトップの背景を変更する」画面のプロパティで表示位置を「拡大して表示」のように設定したいのです。(画像が少々荒くなりますが画面いっぱいに表示したいのです。デスクトップ上では、上記のデスクトップの表示とテーマで「画面解像度を変更する」もありますが。) css上で固定、位置、繰り返し、の指定記述は理解できるのですが、ひとつの画像を画面いっぱいにする拡大表示はどのように記述したらよろしいのでしょうか? 以上、つたない質問、文章ではございますが、ご指導のほどよろしくお願いします。

    • ベストアンサー
    • CSS
  • ホームページ作成で画像の固定が上手く出来ません

    画像の固定方法がよくわかりません。 ホームページで1024×768サイズの画像を 背景にしようと思います、 しかし、画像のサイズに、テキスト文章が収まりません、 横はよいのですが、縦はがだめです、 ホームページビルダー 6.5で作成しておりますが、 ディスプレイサイズは、1024×768サイズで作成しております 画像の設定メニューで、画像を固定してしまうと、 作成したテキスト文章の背景画像に入りきならない部分が、 背景が真っ白になったり、 拡大固定?されたような感じになり、 テキストはスクロールするのですが 背景に指定した画像が部分的に大きくなってしまい、 全部の背景が表示できなかったりします。 画像を垂直で繰り返すにしてしまいますと、 画像の切れ目があからさまにでてしまい不自然になってしまいます。 画像サイズ&ディスプレイサイズが、1024×768設定で、 テキストだけがスクロールするように、表示したいです。 よろしくお願い致します。

  • デスクトップの背景について

    デスクトップの壁紙の設定で、 ディスプレイに合うサイズのファイルをクリックすると 新規ウィンドウが展開して、 画像ファイル(jpg)のみが表示されるサイトで 展開された画像の上で右クリック「背景に設定」 を選択した時、 デスクトップの背景に 設定されずに背景が真っ青になり、 中央にウィンドウの最大化の□だけが 表示されてしまいます。 □をクリックしても何も変化せず、 画面のプロパティのデスクトップタブの 表示位置は、「拡大して表示」になっていますが 改めて「拡大して表示」を選択して 適用したり、再起動を行うとちゃんと表示されます。 簡単に変更した時のイメージとして確認しずらく、 大変使い難くなってしまいました。 過去こんな事はなかったのですが、 原因と直す方法をご教授頂けませんでしょうか。 OSはwindows XP SP2 です。

  • ホームページの背景画像を画面いっぱいで表示するよう

    ホームページの背景画像を画面いっぱいで表示するように 設定しようと考えています。 (jQueryのBACKSTRETCHなども考えています) その場合、使用する画像のサイズ(縦・横)はどれくらいがよいのでしょうか? どのPCでもしっかり画面いっぱいに表示するには 世の中にあるPCのディスプレイの最大を上回る大きさにするのでしょうか? 一般的にプロの人がホームページを作る場合、 画面いっぱいに背景を設定する際のサイズ(縦・横)を教えて頂けたらうれしいです。 どうぞよろしくお願い致します。

    • ベストアンサー
    • CSS
  • デスクトップ背景の画像

    デジカメで撮ったjpeg画像を、デスクトップ背景にする場合に、うまくデスクトップ画面サイズに合うようにならず、縦横比が変わった歪んだ画像やら画像の一部だけが現れるようなデスクトップ背景になります。 もちろん「画面のプロパティ」で調整をしても、です。 特に歪む(縦横比が変わる)ことについて、そもそも「画面のプロパティ」の「表示位置」にある3種類の表示方法「拡大」「中央」「並べて」を選び変えて画像が歪むというのはどういうことでしょうか。 これはどこで調整すればうまく表示できるのでしょうか。 詳しい方ご教示よろしくお願いします。

  • ホームページビルダーの画像背景を透明したい

    ホームページビルダーの画像背景を透明したい ホームページビルダー12を使用しています。 ページに色のついた壁紙を設定し、素材集からアニメーション画像を貼りつけました。 その画像の背景が白色なのですが、画像背景を透明にすることはできるでしょうか? よろしくお願いたします。

  • 背景画像の設定について

    ホームページビルダー8を使っています。 背景画像にしたい画像があって、「壁紙」で設定しても、 その画像が横に縦に連続して表示されるか、 真ん中に1つだけ表示されます。 これを右上にだけ表示するにはどうすれば いいのでしょうか? よろしくお願いします。

  • 背景にした画像のサイズを任意に調整するには?(WORD)

    こんにちは。 会社で稟議書をよく書かされ、いままでは当然手書き でしたが、WORDをつかって、文字をその稟議 書に打ち出したいと思っています。 そこで、うち出したときの文字位置合わせの為に、その稟議書を原寸大でスキャナーで取り込み、JPEG形式にて一度保存し、WORDの文章の背景として取り込みました。 (背景の仕方は、「書式」→「背景」で、塗りつぶし(効果)にして、取り込む画像を選択し設定) 背景にはできたのですが、B5サイズの原寸大でスキャナーで取り込んだにも関わらず、WORDで背景設定すると 画像がB3ぐらいに拡大され、背景全体が拡大された画像でまさに壁紙状態になってしまいました。 「ページ設定」でB5に設定してもそれが無視されて しまい、それにあわせて文章作成領域(1行の文字数とか)もB5以上に大きく変更させられてしまいます。 これでは、せっかく文字の位置合わせのために取り込んだのに、文字を打ち出したときに全然位置があわなく なってしまいます。 その画像を背景として設定しないで、画面に貼り付けると、きちんとB5サイズ表示されます。 でも、これだと印刷した場合に、総務からまわって来る、すでに宛先や罫線が印刷された紙に、ダブって、スキャナーで取り込んだ稟議書が印刷されていまいます。 稟議書には宛名や罫線がひかれているので、文字だけ 打ち出せればいいのです。 背景に設定した、画像をWORD上で任意のサイズに 設定調整し、実際に打ち出されたときのレイアウトを 確認しながら、文章を作成できるようにするには どうしたらいいでしょうか。 よろしくお願いします。今日は半日職場のパソコンで トライしましたがダメでした(^^;

  • ホームページビルダーで背景画像がうまくいかない

    ホームページビルダーでHPを作成している初心者ですが、どうも背景画像がうまくいきません。 どこでも配置モードで製作しているのですが、背景画像の大きさ(範囲)を指定できないものでしょうか?編集→ページのサイズ→800×600等を選んでも、背景画像の範囲が限定されるわけでもなく、画面いっぱいに背景画像が映し出されます。 ちなみに、挿入→画像ファイル→ファイルから壁紙として  このやり方で背景画像を設定すると、ぺーじ編集画面ではしっかりと背景画像が表示されるのですが、プレビューでは背景が表示されない不具合が出ました。(検索してみると同じ不具合が出る人が数人見つかり、一つだけ解決策が見つかったのでそれを実行しています。 http://www.aimix.jp/hpboldlog2/old3594.html   の一番下のやり方です。) 最悪、背景の問題が解決できなければ、ページの中央表示で妥協しようと思っています。 で、標準モードで製作していれば簡単にページの中央表示(真中寄せ)ができるようですが、今どこでも配置モードで製作していますので、どこでも配置モードで中央表示する方法はありませんか? できれば全てにおいてhtmlタグは極力直接入力は避けたいです(わけがわかっていないので・・・) お詳しい方よろしくお願いします。

専門家に質問してみよう