bookmark: shiftzoom.js
shiftzoom.js (zoom and pan functionality)
グラフィカルなライブラリで有名なnetzgesta.deの新しいライブラリです。
こういうスクリプトって結構種類はあるのだけれど、記法がとても単純なのが魅力ですねー。
基本的には<head>で
<script type="text/javascript" src="shiftzoom.js"></script>
// only if the cursor images for IE are not in the current path
<script type="text/javascript">
shiftzoom.defaultCurpath='images/cursors/';
</script>このようにインクルードしたあと
<img onLoad="shiftzoom.add(this);" src="" alt="" />これだけです。
デモンストレーションも魅せ方がうまい。
左上の+を押して画像上をドラッグするとぬるぬるとズームしていきます。
使いどころはなかなか難しいですが、絵描きさんのギャラリーページなどで使えるのではないかと。
アナログベースで描き進めているとどうしてもサイズが大きくなりがちなので。
via: Ajaxian ShiftZoom: Zoomify your oversize images.
- [ web制作に役立つ知識 ]
- [ javascript ]
- [ library ]
- [ shiftzoom.js ]
