（ソース）背景画像表示をモニターサイズに自動で合わ

質問

ブラウザーの質問ではなく、ソーススクリプトの質問なのですがm(__)m

webページソースで、backgroundで表示させる画像を　java　ｓｃｒｙｐｔ　でスライドショー 表示させています。
モニター、ブラウザー全画面表示サイズよりサイズの小さいサイズは、余白表示、、
カメラまんまの高精細サイズ写真は当然一部しか表示し切れません。

閲覧者側のモニターサイズも、ブラウザーでの画面表示サイズもまちまちなわけなので、
どの大きさのピクセル画像サイズでも自動で縮小・拡大（FAX＆VIEWERのように）　表示ウィンドウサイズにピタリおさまる表示を自動でするようなスクリプトをご存知でしたらお教えくださいm(__)m

回答No.1

ORUKA1951 · ベストアンサー

ここではなく、
Webデザイン・CSS - 教えて！goo( http://oshiete.goo.ne.jp/category/258 )
HTML - 教えて！goo( http://oshiete.goo.ne.jp/category/252 )
のほうが適切でしたね。
画像は置換インライン要素ですから、そのままでは親コンテナブロックのサイズを参照できません。
　親コンテナブロックをposition:relativeにして、img要素にdisplay:block;ないしdisplay:inline-block;を適用して、サイズをwidth:100%;height:100%;に指定することで、親コンテナブロックのサイズに合わせることができます。
　あるいは背景画像に指定してCSS3のbackground-size:coverなどで、合わせても良いでしょう。

お礼

Webデザイン・CSS - 教えて！goo( http://oshiete.goo.ne.jp/category/258 )
HTML - 教えて！goo( http://oshiete.goo.ne.jp/category/252 )
のほうが適切でしたね。

ありがとうございました！m(__)m　m(__)m

アドバイス文前半　参考ソース文と照らし合わせないと意味論理全容をつかめませんで・・・（/_・、)m(__)m

CSS3を当たってみました。わかりやすいですが、まだ動作実現を見てません（/_・、)

時間をかけてじっくり論理取得したいと思います。

いつもありがとうございます。m(__)m　m(__)m