Firefox 3 の「表示」メニューから「ズーム」を使って拡大・縮小をすると、文字の大きさだけでなく、そのウィンドウの中身すべてが拡大・縮小されます。また、IE7 でも、「表示」メニューの「拡大」を使って同様のことが出来ます。
この機能を JavaScript 等を用いることで、読み込まれた HTML 文書から制御することが出来れば実現できるのではないかと考えたのですが、実際のところ、そのようなことが出来るでしょうか?
よろしくお願いいたします。
テキストサイズ変更に応じて画像のサイズを変えるCSSテクニック
http://phpspot.org/blog/archives/2007/05/css_28.html
こういうやり方があります。
Javascriptからブラウザの特定の機能を呼び出すのは無理です。
理屈的には可能かと思われますが、
ただブラウザの拡大・縮小といった感じとは異なってくると思われます。
「文字サイズの変更:小・大」
の件に関しては、
JavaScriptにて読み込んでいるCSSのフォントサイズを切り替え、
または、
CSS自体を切り替えていますので、
ボックスコーディングでページを作成されている場合は、
フォントサイズだけでなくボックスの幅なども可変にしてやれば、
いいと思いますが、
ただ、画像に関してはimgタグのwidth・heightを制御して拡大させることも可能でしょうが、
掲載されている画像自体が小さい場合は、無理やり引き伸ばした感じになると思われます。
単純のページ内の画像表示自体もCSSで表示させるようにし、
複数のCSSを用意しておいて、
http://www.dynamicdrive.com/dynamicindex9/stylesheetswitcher.htm
などを用いてCSSを切り替えるほうが、
ややこしいJavaScriptをかかない分、楽かも知れません。
まあ無理なんでしょう。
IE と WebKit (safari と Google Chrome) のみですが、
document.body.style.zoom = "150%" ;
とかで拡大縮小表示になります。