jQuery plugin which emulates iPod's click wheel controller

Posted by
ぴろり
Posted at
2010/04/20 20:45
Trackbacks
関連記事 (0)
Post Comment
コメントできます
Category
Software カテゴリ

This jQuery plugin emulates iPod's click wheel contorller. Anyway see the demonstration. I have coded this as a plugin for jQuery, bring your image of click wheel and you will be able to integrate this function to your website easily.

この記事を Delicious に追加する   このエントリーをはてなブックマークに追加  

Usage

Please refer the source codes of demonstration. Bring your image of click wheel and call clickwheel methods to initialize. Parameters below are available to configure.

width
Specify the width of image size by pixels.
height
Specify the height of image size by pixels.
rw
Specify the radius of outer wheel by pixels.
rc
Specify the radius of center wheel by pixels.
click
Callback function called when clicking the wheel button. First argument is event object and the second argument is the direction ID number. Center button is 5, Down is 2, Left is 4, Up is 8, Right is 6, other part of wheel is 0, outer of wheel is -1.
scrollstart
Callback function called when starting the wheel scroll.
scroll
Callback funtion called when scrolling the wheel.
scrollend
Callback function called when finishing the wheel scroll.

misc.

  • Work in Mozilla Firefox 3.5 and Microsoft Internet Explorer 6.0
  • jQuery 1.4.2 above
  • License is under MIT or GPL Version 2