前回、【[JS]shiftzoomの使い方】で記載した
ライブラリ[shiftzoom]についてオプションの指定について追記します。
※公式サイトを読みながらなんとなくで学んでいたので
間違っていたらご指摘ください。
ソースコード(head部分)
<script> var shiftzoomOpt = { buttons : true, // true / false インフォメーションボタンの表示非表示 showcoords : true, // true / false マウス座標の表示非表示 relativecoords : false, // true / false マウス座標の表示非表示(ブラウザからの相対パスで)※[showcoords]ありき pixelcoords : false, // true / false マウス座標のピクセル単位で表示※[showcoords]ありき bicubic : true, zoom : 20.0, // float 初期のズーム値(0~100) nozoom : false, // true / false 拡大縮小動作の許可 wheelinvert : false, // true / false マウスホイールでの拡大縮小動作の許可 wheelstep : 0, ovacolor : "#00FF00", // String(Color) 表示領域の枠線の色 ovbcolor : "#FF00FF", ovborder : 20, overview : true // true / false 表示領域の表示非表示 }; </script>
ソースコード(body部分)
<div> <img src="./images/big.jpg" width="200" height="200" onLoad="shiftzoom.add(this,shiftzoomOpt);" /> </div>
解説
オプションの指定方法は
JSON形式で指定します。
その後、shiftzoomの関数[add]に
自身とともに変数[shiftzoomOpt]を渡します。
オプションは他にもあるので
おいおい追記できたらなと思います。