opera:hige このページをアンテナに追加

 | 

2006-03-28

[][]ホイールで画像をズーム ホイールで画像をズーム - opera:hige を含むブックマーク はてなブックマーク - ホイールで画像をズーム - opera:hige

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

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が効かないって人のみお使いください。

トラックバック - http://orera.g.hatena.ne.jp/higeorange/20060328
 |