• ベストアンサー

背景画像を拡大縮小

ブラウザのサイズに合わせて背景画像も同比率で拡大縮小するような記述をしたいのですが、どなたかご存知の方がいらっしゃいましたらご教授ねがいたく思います。稚拙な知識しかありませんが宜しくお願いいたします。

  • 9laws
  • お礼率81% (13/16)
  • HTML
  • 回答数2
  • ありがとう数6

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

  • ベストアンサー
  • poohron
  • ベストアンサー率59% (574/971)
回答No.1

<img src="○○.jpg" height="20%" width="20%"> ということでしょうか。 height や width の値を%で指定することで ブラウザのウィンドウサイズを基準とした大きさでの表示になります。

9laws
質問者

お礼

こういった記述もあったんですね。 稚拙な質問文から真意を読み取っていただいてありがとうございます!! 実行してみます!!

その他の回答 (1)

  • Bo_Bo
  • ベストアンサー率65% (97/149)
回答No.2

基本的には、純粋な背景画像はサイズを変更できない。 しかし、以下の説明では、画面サイズに応じて動的に背景が変化する。 とほほのWWW入門 (http://www.tohoho-web.com/www.htm) 「背景をウィンドウ全体に表示する」より引用 http://www.tohoho-web.com/wwwxx037.htm --------------------------------------------------------------- <html><head><title>TEST</title></head> <body topmargin=0 leftmargin=0> <img src="test.jpg" width="100%" height="100%" style="position:absolute; top:0px; left:0px; z-index:1;"> <div style="position:absolute; top:10px; left:10px; z-index:2"> 本文<br> </div> </body> </html> --------------------------------------------------------------- またまた、しかし、 “本文<br>”部分を20~30個以上繰り返し入力して、初期描画領域に収まり きらなくなると、はみ出した部分の背景には画像が適用されない。 また、クライアント側がスタイル・シートを無効または、ユーザー定義のも のに変更した場合、大きな画像の後に本文が追いやられる。 と言うことで、この方法は、あまりお勧めできない。 諦めましょう!?

9laws
質問者

お礼

なるほど、クライアント側の環境がそれぞれということを念頭に置いていませんでした。 考慮しなおしてみます。 どうもありがとうございました!! それにしても素晴らしいアドバイスです!!

関連するQ&A

  • ブラウザサイズに合わせてムービーを拡大縮小

    ブラウザのサイズに合わせてswfを同じ比率で拡大縮小させたいのですが、どのような記述をどこにすべきかわかりません・・・ どなたかご存知の方がいらっしゃいましたら、ご教授願いたいと思います。 swfファイル内にはMCとテキストボックス、Btnが配置されています。

    • ベストアンサー
    • Flash
  • ウィンドウの大きさに合わせて拡大縮小するサイトが作りたい

    ウィンドウの大きさに合わせて拡大縮小するように表示するにはどうすればいいでしょうか? ブラウザのサイズによって画像全部が拡大したり、縮小されたりするやり方はどうすればいいのでしょうか? 今作成しているサイトは、Dreamweaverで作成した 横1000ピクセル縦600ピクセルのサイトです。 ブラウザの小さいものには下が切れてしまい、 ブラウザの大きいものは下がかなり空いて見えるようです。 ブラウザのサイズによって拡大して見えたり、縮小して見えたりするには どうすればよろしいでしょうか? 分かる方どうかよろしくお願いいたします。

  • 背景画像が拡大縮小しつつ、大きさが一定のメニューを固定配置するには?

    flashにて、背景画像がブラウザの大きさに合わせて拡大縮小しつつ、 大きさが一定のメニューを固定配置するデザインを制作しようと思っています。 イメージとしては下記サイトのように、写真がブラウザに合わせて 伸縮するようにし、ブラウザ中心位置には大きさが一定のメニュー、 ブラウザ最下部にはヘッダーを配置したいと思っています。 http://www.creative-box.co.jp/ これまで数々の質問系サイトを見てまわり、独自に試行錯誤を繰り返したのですが、 部分的な質問&解説しか見当たらず、途方に暮れています。 そもそも上記サイトの場合、ステージサイズをどの程度にし、 どの程度の画像を用意すればいいのかすらわからない状態です。 どなたかご教授願えれば幸いです。

    • ベストアンサー
    • Flash
  • 背景画像をブラウザサイズに合わせる方法。

    初心者です。 HPの背景画像を、閲覧者のブラウザサイズに合わせて拡大縮小させる方法を教えてください。 いろいろ調べてやってみたのですがうまくいきません…。 よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • ブラウザに合わせる拡大・縮小する背景画像について

    よろしくお願い致します。 親swfの中にあるmc.bgに外部swfを表示しています。 このmc.bgはブラウザに合わせて拡大・縮小できるように、下記のス クリプトをメインフレームに入れています。 外部swfのひとつに、画像が100%で表示されてから少しづつ拡大して 次の画像へ切り替わるというスライドショーのswfがあるのですが、 (画像が表示・拡大する部分はモーショントゥイーンで制作しています) このswfを親swfに読み込んで表示しているときにブラウザをリサイズすると、外部swfがブラウザに合わなくなり、画像(外部awf)がmc.bgより小 さく表示されてしまいます。 (ブラウザのリサイズをしなければ問題ありませんでした) 外部swfの画像の拡大・縮小に関わらず、常にブラウザに合わせて拡大・ 縮小できるようにするにはどうすればよいのでしょうか? 色々検索したのですが、該当するものがありませんでした。 ほとほと困っております。どうぞよろしくお願い致します。 ※フレームに挿入しているスクリプトです。 ----- R = Stage.height/Stage.width; Stage.scaleMode = "noScale"; Stage.align = "LT"; function bgScale() { w = Stage.width; h = Stage.height; if (w*R>h) { bg._width = w; bg._yscale = bg._xscale; } else { bg._height = h; bg._xscale = bg._yscale; } bg._x = w/2; bg._y = h/2; menuMC._x = w-20; menuMC._y = h-20; } sListener = new Object(); sListener.onResize = function() { bgScale(); }; -----

  • ステージの背景画像のみ拡大縮小対応

    こんばんは。 いつもお世話になります。 現在FLASHでサイトを作成していますが、以下サイトのように、 ブラウザサイズを変更すると背景の画像はリサイズされますが、 真ん中にあるメニューを含めたオブジェクトはブラウザサイズを 変更してもリサイズされないようなものを作りたいと考えています。 http://www.minus.dk stage.scaleModeにNO_BORDERを指定すれば背景画像はリサイズされますが、 他のオブジェクトもリサイズされてしまいます。 何か良い方法はないでしょうか? ご教授宜しくお願いいたします。

    • ベストアンサー
    • Flash
  • 配置画像の拡大・縮小について

    3つ質問があります! [1]例えばデジカメで撮った写真をはがきサイズ(印刷用)に加工したい場合ですが、Photoshop上で「切り抜きツール」を使い、サイズを切り抜きたいサイズにし、解像度を350dpiにしてトリミングしたものを使っていました。 この方法は正しいでしょうか? [2]また、Photoshop上で配置した画像を自由変形でサイズ変形させるのは、劣化するので良くないと聞いたことがあります。 それは正しい情報でしょうか? [3]Illustratorの場合はどうでしょうか?配置した画像を自由に拡大・縮小などしても問題ないのでしょうか? 今までの認識としては、Photoshop上でもIllustrator上でも画像の拡大・縮小はせずに、必要なサイズを必要な解像度でPhotoshop上でトリミングしたものをそのまま配置してデザインしていました。 ご存知の方、教えてください!よろしくお願いいたします。

  • 複数画像のサイズを一括して拡大(縮小)してくれるフリーソフト

    複数の画像ファイルの画像サイズを一括(フォルダ名と比率を指定)して拡大(縮小)してくれる、そんな虫の良いフリーソフトを探しています。

  • フォトショップ画像を縮小したい

    フォトショップで作った画像を上下左右の比率を変えずに20パーセント縮小したい場合どうしたらいいのでしょうか。 バウンディングボックスを使って任意に縮小拡大は出来ますが、指定したパーセントで縮小拡大する方法はあるのでしょうか。 ご存知の方アドバイスよろしくお願いします。

  • 画像をきれいに縮小、拡大できるソフト

    ペイントソフトなどで画像を縮小、拡大すると画像がみだれてしまいます。きれいにサイズを変更できる便利なソフトはないでしょうか? また、画像に影をつけたりと、加工するのに最適なソフトがあれば教えてください!!