[JS]shiftzoomのオプションについて

前回、【[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]を渡します。

オプションは他にもあるので
おいおい追記できたらなと思います。


コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)