ウィンドウサイズを指定サイズまでズームする


動作ブラウザ 【 IE:4.0  NN:4.0
Internet Explorer Netscape Navigator DreamPassport iCab
3.0x 4.0x 4.5 5.0x 5.5 2.0x 3.0x 4.0x 4.x 6.0 2 3 2.x
Windows × - × × - × -
Macintosh × - × × - -
UNIX - - - - - × × - - -
Dreamcast - - - - - - - - - - × × -

ポイント resizeBy((ww-w)/step,(hh-h)/step); count--; if (count > 0) setTimeout("resizeWin()",100);
説  明 ウィンドウを指定サイズまでズームするにはresizeBy()を使って相対的にサイズを変更します。変更幅をサイズ変更回数で割った値が一回のサイズ変更ピクセル数になります。
サンプル <html> <head> <title>ウィンドウサイズを指定サイズまでズームする</title> <script Language="JavaScript"><!-- w = 420; h = 380; ww = 540; hh = 480; step = count = 10; resizeTo(w,h); function resizeWin() { resizeBy((ww-w)/step,(hh-h)/step); count--; if (count > 0) setTimeout("resizeWin()",100); } // --></script> </head> <body onLoad="resizeWin()"> ウィンドウサイズを指定サイズまでズームする </body> </html>
補足説明 IEとNNではresizeTo()で指定されるサイズの解釈に違いがあるためresizeTo(400,300)とした場合、IE,NNでは異なるサイズでウィンドウが表示されます。

■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View!


写真素材 PIXTA