こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

締切り済みの質問

連投m(__)m・再質問でm(__)m CSS3

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

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

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

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

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

投稿日時 - 2013-02-19 15:20:20

QNo.7953550

困ってます

このQ&Aは役に立ちましたか?

1人が「このQ&Aが役に立った」と投票しています

回答(2)

ANo.2

こんにちは

> backgroundで表示させる画像を java scrypt でスライドショー 表示

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

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

投稿日時 - 2013-02-20 21:53:20

お礼

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

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

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


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

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

投稿日時 - 2013-02-21 09:30:09

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

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

background-size:100% auto;

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

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

投稿日時 - 2013-02-19 15:37:32

お礼

ありがとうございます。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

投稿日時 - 2013-02-19 21:13:04

あなたにオススメの質問