連投m(__)m・再質問でm(__)m CSS３

質問

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

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

以前ヒントいただき試行していますが、ＩＥ、Firefoxとも実際の作動にいたっておりません（/_・、)

具体的参考ソース見本で、解説をお願いm(__)mアドバイスいただけましたら幸いです。m(__)m

(教わってばかりでは心苦しいので、自分の専門分野ではすこし回答恩返し？(笑）済ませてきました(^^　）　よろしくお願いいたしますm(__)m

回答No.2

nayutax1010

こんにちは

> backgroundで表示させる画像を　java　ｓｃｒｙｐｔ　でスライドショー 表示

> どの大きさのピクセル画像サイズでも自動で縮小・拡大（FAX＆VIEWERのように）　表示ウィンドウサイズにピタリおさまる表示を自動でするようなスクリプト

とのことですが、自動リサイズをかけるとして、そのスライドショー表示を行っているコードの処理の流れを提示していただかなければ、アドバイスしようがないと思うのですが。

お礼

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

実はもう十年以上も前の市販ノウハウ本に記載のスクリプトで、IEのみ動作、firefox動作せず、ほかブラウザ未確認・・・というしろもので（恥^^;

ページ自体、写真データは時たま思いだしたように入れ替えてたものの本体スクリプトごと放置の、この先使う気もないので敢えて記しませんでしたm(__)m

まったく新しい情報で理解を深めたいと思っています。

CSS3なんて、もう目からウロコ状態です(恥^^;　m(__)m

回答No.1

noname#187595

css3でしたら、[background-size]で100％指定してはいかがですか？

どのようなjsをお使いかわからないので的外れかもしれませんが、jsではなくcssファイルで該当の要素に

background-size:100% auto;

を追加したら良いのではないでしょうか。

参考URL：

http://www.htmq.com/css3/background-size.shtml

お礼

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

ここまではわかってたのですが・・・
スライドショーとの組み合わせハードル、と勝手に思い込んでいたようです。

っググッタら・・・しばらく遠ざかってたらすごいことになってるんですね)汗　
https://www.google.co.jp/#hl=ja&gs_rn=3&gs_ri=psy-ab&tok=WwBKhWANEAqgUxB9k7O8uQ&cp=9&gs_id=2dy&xhr=t&q=css%E3%81%A7%E8%83%8C%E6%99%AF%E7%94%BB%E5%83%8F%E3%81%AE%E3%82%B9%E3%83%A9%E3%82%A4%E3%83%89%E3%82%B7%E3%83%A7%E3%83%BC&es_nrs=true&pf=p&tbo=d&sclient=psy-ab&oq=css%E3%81%A7%E8%83%8C%E6%99%AF%E7%94%BB%E5%83%8F%E3%81%AE%E3%82%B9%E3%83%A9%E3%82%A4%E3%83%89%E3%82%B7%E3%83%A7%E3%83%BC&gs_l=&pbx=1&bav=on.2,or.r_gc.r_pw.r_cp.r_qf.&bvm=bv.42553238,d.dGY&fp=140f3932b657a62a&biw=1099&bih=911

ただサイズにぴったり縮小拡大追随できるのは、この方のスクリプトが一番のような？
http://csspro.digitalskill.jp/%E3%83%81%E3%83%A5%E3%83%BC%E3%83%88%E3%83%AA%E3%82%A2%E3%83%AB/css/css3%E3%83%95%E3%83%AB%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E8%83%8C%E6%99%AF%E3%82%B9%E3%83%A9%E3%82%A4%E3%83%89%E3%82%B7%E3%83%A7%E3%83%BC/

これはもうソース理解できなくても、画像だけ入れ込めばそのまんま動作するようなスクリプト丸コピさせてもらって・・・とか^^汗

m(__)m