opera:hige

■ [Customize][UserJS]ホイールで画像をズーム

[暴満館] OperaのJavaScriptでマウスホイールを検知できるようになった でマウスホイールぐりぐりでイベントを発生できるということなので作ってみた。

if ((window.location.href.match(/^.*\.(jpe?g|bmp|gif|png)$/i)) && (document.images.length==1) || (window.location.href.match(/^http:\/\/i.imdb.com\/Photos\/.*$/i))) {
	defWidth= document.images[0].width;
	window.attachEvent("onmousewheel",function(e) {
		chk = e.detail;
		if(chk > 0) {
			document.images[0].width = document.images[0].width * 1.1;
		} else {
				document.images[0].width = document.images[0].width * 0.9;
		}
	},false);
	window.addEventListener('click',function () {
		document.images[0].width = defWidth;
	},false);
}

コードの上の方というか大半URLマッチは、autosizerから拝借。前半のコードはなくても動いたので省いた。

マウスホイールを手前に転がすと拡大、奥に転がすと縮小となっている。画像を開いたときのみ動作する。

あぁそういえば、WindowsだとBuild:8246,Linux/UnixだとBuild:117　以降でないと動かないと思う(未検証)。私はLinux,Build:181で動作確認。

ちょっといいかもって思ったけど大きい画像だといまいちつかえんな.スクロールはスクロールバーでってことになるな。

ちなみに,autosizerとの併用ができない。挙動がおかしいときもあるけどできた。

追記

クリックすると元のサイズに戻るようにしてみた。

忘れてた。

Ctrl+マウスホイールで拡大縮小できるんだった。。。。てことでCtrlが効かないって人のみお使いください。