• ベストアンサー

thickboxでウィンドウサイズが小さい場合

thickboxを使用したwebページを作成しています。 HTMLに記述したオーバレイ表示するサイズより 開いているブラウザウィンドウが小さい場合、 オーバレイ表示したページの一番上のタイトルが見えなかったり スクロールバーが表示されなかったりして オーバレイ表示したページの全体が見えなくて困っています。 対処法をご存知の方、いらっしゃいましたらお教えくださいますでしょうか。

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

  • ベストアンサー
  • yyr446
  • ベストアンサー率65% (870/1330)
回答No.1

IE以外なら、予めjavascriptでwindow.resizeBy(x,y)かwindow.resizeTo(x,y) でブラウザウィンドウの大きさをこちらから勝手に変更する事が できますが、IE7以降は操作出来なくなってますね。 thickboxのページに紹介されている下記の他の代替となるライブラリー 「colorbox」 http://colorpowered.com/colorbox/ 「jWuery UI Dialog」 http://jqueryui.com/demos/dialog/ 「fancybox」 http://fancybox.net/ 「DOM Window」 http://swip.codylindley.com/DOMWindowDemo.html 「shdowvox」 http://www.shadowbox-js.com/index.html をみんな試してみましたが、「shdowvox」だと、対処できますね。 オーバーレィをウィンドウサイズに合わせて縮小表示してくれます。 それから、「colorbox」も同様に縮小表示してくれるんですが、 html内容表示だと、今ひとつ中身がくずれたりするんですよ。画像なら OKですが。他のライブリーはみんな「tickbox」と同じ症状になります。 従いまして、jQuery系なら、 「shdowvox」を使うのがベストかと思います。 ※ライブラリーを使ってうまくいかない時は、改造を考えるより、  他のを探すか、特化した物を作った方が早道です。

peca
質問者

お礼

ご回答いただきありがとうございます。 shadowbox、試してみようと思います!