誰もが知っている iPod のぐりぐりスクロールできてポチポチクリックできるアレです。とりあえず、動作デモを見てもらった方が早いと思います。jQuery のプラグインとして実装されており、ホイールの画像を用意するだけで、簡単にクリック ホイール コントローラを模倣することができます。
使い方
動作デモのソースコードを参照いただくのが一番わかり易いと思います。ホイールの画像を用意して、clickwheelメソッドで初期化してください。指定できるパラメータは以下の通りです。
width
ホイール画像の横サイズを明示的に指定します。指定がない場合、標準ではホイール画像のサイズが自動的に使われます。
height
ホイール画像の縦サイズを明示的に指定します。指定がない場合、標準ではホイール画像のサイズが自動的に使われます。
rw
ホイール画像の外周の半径を明示的に指定します。指定がない場合、標準ではホイール画像の短辺の50%です。
rc
ホイール画像の内周の半径を明示的に指定します。指定がない場合、標準ではホイール画像の短辺の20%です。
click
ホイールがクリックされた時に呼び出されるコールバック関数を指定します。第1引数にeventオブジェクト、第2引数に押されたボタンの識別番号が入ります。識別番号は、中心のボタンが5、下が2、左が4、上が8、右が6、それ以外のホイール部分が0、ホイール外が-1です(テンキーを見てください) 指定がない場合、何もしません。
scrollstart
ホイールのスクロールが開始された時に呼び出されるコールバック関数を指定します。 指定がない場合、何もしません。
scroll
ホイールがスクロールする度に呼び出されるコールバック関数を指定します。 指定がない場合、何もしません。
scrollend
ホイールのスクロールが完了した時に呼び出されるコールバック関数を指定します。 指定がない場合、何もしません。
動作環境など
開発の継続のためには、技術書の購入やバグの修正、新機能の追加、コメント欄でのユーザサポートなど、意外にお金と時間を費やします。そこで、「ビールでも奢ってやるか」ですとか「これで牛丼(並)でも食え」と仰るお方からのお申し出をいつでも受け付けております。どうぞ、よろしくお願いいたしますm(_ _)m
寄付金の送付には PayPal の小額決済をご利用いただけます。
この記事を読んだ人はこんな記事も読んでいます
jQuery, HQuery, UQuery, IQuery, KQuery, MQuery, NQuery, j1uery, j2uery, jWuery, jSuery, jAuery, jQYery, jQ7ery, jQ8ery, jQIery, jQJery, jQHery, jQuWry, jQu3ry, jQuRry, jQuDry, jQuSry, jQueEy, jQue4y, jQue5y, jQueTy, jQueFy, jQueDy, jQuerT, jQuer6, jQuer7, jQuerU, jQuerH, jQuerG
プラグイン
ネタ