************************************************************
slider2.js (ver. 2.1b)
【   種別   】 フリーウェア
【   制作   】 神崎渉瑠, 2010
【   URL    】 http://www.wi-wi.jp/
************************************************************

・ダウンロードしていただきありがとうございます。

ウェブページのスライダー生成ライブラリです。


解凍すると以下のファイルが作成されます。
readme.txt（このファイル）
slider2.js


slider2.js 利用
============================================================

スクリプトファイルをロード
------------------------------------------------------------
<script type="text/javascrpt" src="slider2.js"></script>


Wings-Windsサイトのファイルを直リンクする場合は以下をコピーして下さい。
------------------------------------------------------------
<script type="text/javascrpt" src="http://web.wi-wi.jp/js/slider2.js"></script>


スライドバーの表示位置を作成
------------------------------------------------------------
<div id="slider"></div>


スライドバーのスタイルシート
------------------------------------------------------------
<style type="text/css">
#slider {
    width:360px;                       /* 必須 スライダーの幅 */
    height:20px;                       /* 必須 スライダーの高さ */
    background-color: #aaa;            /* 任意 スライダーの背景 */
    background-image: url(slider.png); 
    background-position: left top;
    background-repeat: no-repeat;
}
</style>


スクリプト
============================================================

・スライダーオブジェクトを生成し、HTML要素の<div id="slider">に割り当て
----------------------------------------
slider=new Slider('slider');


・スライドバーの中央を指定
----------------------------------------
Slider.base({y:0, x:0});

  x : 'center' | 'left' | 'right' | Number
  y : 'center' | 'bottom' | 'top' | Number


・スライダーの中央値を指定
----------------------------------------
Slider.center({y:0, x:0});

//  x : 'center' | 'left' | 'right' | Number
//  y : 'center' | 'bottom' | 'top' | Number

・スライドバーを移動またはクリックしたときに呼び出される関数（コールバック関数）を指定
----------------------------------------
Slider.callback(Function);

コールバック関数への引数: Object
{
 ID: String,
 x: Number,
 y: Number,
 a: Number,
 aspect : Number,
 d: Number,
 distance : Number
}

ID : スライダーID、initで設定した引数
x : Number : スライドバーの横方向位置
y : Number : スライドバーの縦方向位置
distance : Number : baseからの距離
d : distanceと同等
aspect : Number : baseを中心としてaspectからの角度
a : aspectと同等

・スライドバーの間隔（デフォルトは{x: 1, y: 1} ）
----------------------------------------
Slider.step({x:1, y:1});

x : Number
y : Number


・スライダーの基準角度を指定
----------------------------------------
Slider.aspect(a);

a : Number
時計回りに0〜360
基準角度のデフォルトは12時方向


・レバーの角度の方向を指定
----------------------------------------
Slider.direction(dir);

dir : Boolean
  true  : 時計回り
  false : 反時計回り



・現在のバーの表示位置を取得
----------------------------------------
var pos= Slider.getValue();

pos = {
 ID: String,
 x: Number,
 y: Number,
 a: Number,
 aspect : Number,
 d: Number,
 distance : Number
}

ID : スライダーID、initで設定した引数
x : Number : スライドバーの横方向位置
y : Number : スライドバーの縦方向位置
distance : Number : baseからの距離
d : distanceと同等
aspect : Number : baseを中心としてaspectからの角度
a : aspectと同等


・スライダーのバーの位置を移動させる
----------------------------------------
Slider.setValue(x, y);


x: Null | Number
y: Null | Number



対応ブラウザ（確認済み）
============================================================
IE7/8 Safari3.0/4.0 Firefox3.5.7/3.6.0 Opera9.5/10.0
JavaScriptを使用可能なこと


改変・転載・再配布について
============================================================
商用、非商用にかかわらず、自由に改変、ご利用頂けます。
このライブラリを使用したことにより不具合等が生じた場合でも、作者は一切の責任を負いません。

修正BSDラインセンスの使用条件に準じます。

改変時、Wings-Windsの制作者表記を残して頂けると幸いです。
ご要望がありましたら、Wings-Windsまでご報告頂けると幸いです。

バグ (Bugs)
============================================================
レバーのサイズがフレームより大きい場合、左右または上下にぶれることがある。

************************************************************
  Wings-Winds

(c) 2010, 神崎渉瑠, http://www.wi-wi.jp/
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
更新履歴
2010.04.05 ver.2.1b range()からy方向max値を設定できなかったバグを修正
                    limitに機能追加。base位置からの距離を指定可能にする
                    baseからの距離にスライダー値を指定可能にする
                    角度に対応
2010.03.28 ver.2.0f 公開
************************************************************