************************************************************
slider.js (ver. 1.4)
【 種別 】 フリーウェア
【 著作権 】 (C) 神崎渉瑠, 2010
【 URL 】 http://www.wi-wi.jp/
************************************************************
・ダウンロードしていただきありがとうございます。
ウェブページのスライダー生成ライブラリです。
解凍すると以下のファイルが作成されます。
readme.txt(このファイル)
slider.js
slider.js 利用
============================================================
スクリプトファイルをロード
------------------------------------------------------------
スライドバーを表示
------------------------------------------------------------
bar.pngがスライドバーになります。
スライドバーのスタイルシート
------------------------------------------------------------
スクリプト
============================================================
// スライダーオブジェクトを生成
slider=new 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 公開
************************************************************