_ [JavaScript] JavaScriptで画像リサイズ

MozillaではDOM Inspectorを使えばIE6のようにウインドウサイズよりも大きな画像をウインドウ内に収まるように縮小して表示できます。ということは、JavaScriptを使って何とかできるわけで、ということはコンテキストメニュー拡張のカスタムスクリプトを使えばコンテキストメニューからスクリプト選択でウインドウよりも大きい画像をウインドウ内にフィットするように表示できるわけです。

ということを随分前に考えたわけですが、そもそも僕はJavaScriptのことなど何も知らないのでどうにもなりませんでした。が、少しずつでもあがき続ければ何とかなるもので、とりあえず動いてるってレベルのScriptがようやく完成。以下のスクリプトをPreferences->ContextMenu-Extensions->Custom Scriptsのテキストエリアにコピペして、適当な名前をつけてAdd/Updateをクリックで作業完了です。画像のみが表示されたページでコンテキストメニューからこのスクリプトを実行すれば、ウインドウに合わせて画像を拡大縮小してくれるはず。ちなみに普通の.htmlなページでこのスクリプトを動かすと、なかなか笑えることになってしまいますな。

var width = window.innerWidth - 30;
var height = window.innerHeight - 132;
var pictwidth = getBrowser().contentDocument.images[0].width;
var pictheight = getBrowser().contentDocument.images[0].height;
if (width / height < pictwidth / pictheight) {
	getBrowser().contentDocument.images[0].width = width;
} else {
	getBrowser().contentDocument.images[0].height = height;
}

［picture_resize JavaScript］

どうにも画像のプロパティにwidth="100%"という指定を放り込む方法がわからんので、ウインドウのサイズを取得してその数値から画像のサイズを変更。そんなわけなので、極度に環境依存なスクリプトになっております。うまくリサイズされない場合はスクロールバーが出なくなるように適当に数値を変更するとよろしかろう。それにしても、window.innerHeightってナビゲーションツールバーとかパーソナルツールバーとかタブの部分も含んでるんですなぁ。……ちゅーか、width、heightに100%なりautoなりを放り込む方法についてどなたか教えてクダサイ。

_ [TV] ニッポン、決勝進出

ちと購買に行ってこようかとふらふら歩いていると、食堂になにやら人だかりが。何があるのかと覗いてみると、どうもワールドカップの中継を見ているようで。んでは僕もちと見ていきますかねと、購買でおやつを買って試合観戦(^^;　ちょうど後半が始まる直前で、始まってすぐに日本先取点。その後もう1点取ってチュニジアに完封勝ちで決勝トーナメント進出を極めやがりました。いやー、めでたいですな！　なんか、中途半端に見てるわりには勝ち試合の得点シーンは全部リアルタイムで見た模様。

それにしても、韓国共々開催国は決勝進出なジンクスを破らずに済んでよかったですなー(^^;