************************************************************
slider.js (ver. 1.4)
【   種別   】 フリーウェア
【  著作権  】 (C) 神崎渉瑠, 2010
【   URL    】 http://www.wi-wi.jp/
************************************************************

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

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


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


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


スライドバーを表示
------------------------------------------------------------
<div id="slider"><img src="images/bar.png" width="20" height="40"></div>

bar.pngがスライドバーになります。



スライドバーのスタイルシート
------------------------------------------------------------
<style type="text/css">
#slider {
	width:360px;           /* 必須 スライダーの幅 */
	height:44px;           /* 必須 スライダーの高さ */

	padding-left:21px;     /* 任意 スライドバーの半分 */
	padding-right:21px;    /* 任意 スライドバーの半分 */

	position:relative;     /* 任意 スクリプトから設定 */

	background-image: url(slider.png); /* 任意 スライダーの背景 */
}
#slider img {
	width: 20px;          /* 必須 スライドバーの幅 */
	height: 40px;         /* 必須 スライドバーの高さ */
	position: absolute;   /* 任意 スクリプトから設定 */
}
</style>


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


// スライダーオブジェクトを生成
slider=new Slider();

// スライダーを<div id="slider">に割り当て
Slider.init('slider');

// スライドバーの中央を指定
Slider.bcenter({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
{
 x: Number,
 y: Number,
 ID: String | Null
}

x : Number : スライドバーの横方向位置
y : Number : スライドバーの縦方向位置
ID : スライダーID、initで設定した引数


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

x : Number
y : Number
を指定可能



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

pos = {
	x: Number, // スライドバーのx位置
	y: Number, // スライドバーのy位置
	ID : String // スライダーID、initで設定した引数
};


// スライダーのバーの位置を移動させる
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を使用可能なこと


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

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

バグ (Bugs)
============================================================

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

(c) 2010, 神崎渉瑠, http://www.wi-wi.jp/
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
更新履歴
2010.03. 8 ver.1.4 ドラッグ時の動作を調整
                   ライセンス条項から再配布、販売の禁止の項目を削除
2010.02.24 ver.1.3 スライドバーが選択された状態を解除
2010.02.20 ver.1.2 公開
************************************************************