タグ

Javascriptとslider.jsに関するsakuragaokaのブックマーク (1)

  • scriptaculous:slider.js 横スライダー

    script.aculo.usのslider.jsはスライダ処理を行うためのライブラリです(ここではver 1.6.1を使用)。スライダー処理の追加は簡単でスタイルシートで幅/高さを指定し、divタグにIDを指定しておくだけです。定義する部分はスライダーの背景部分(トラック部分)とドラッグして動かすハンドル部分になっています。特にdivタグを入れ子にしなくても動作しますが、基的にはトラックのdivタグの入れ子としてハンドル部分を定義しておきます。 script.aculo.usのスライダーの書式は以下のようになっています。 new Control.Slider("id_of_slider_handle","id_of_slider_track", [options]); 詳しいオプションに関しては以下のページを参照してください。 http://wiki.script.aculo.us/s

    sakuragaoka
    sakuragaoka 2009/03/13
    かんたんなスライダーのサンプル。ソースがシンプルでslider.jsの理解に役立つ。
  • 1