2010-04-05 4 views
3

Есть ли на 360 градусов вращающийся ползунок на основе jQuery, где пользователь может захватить конец и повернуть его на 360 градусов?круглый слайдер select

+0

Я нашел нить http://stackoverflow.com/questions/351371/jquery-creating-a-circular-slider но не показывает, как реализовать, а его не является плагином jquery. Я оставил комментарий, надеясь приблизиться к своей цели. – mcgrailm

ответ

5

Посмотрите этот пример на interface.eyecon.ro, у него есть круг и перетаскиваемая ручка, и, глядя на источник страницы, это не слишком сложно.

+0

, которая выглядит хорошо. Как вы нашли этот камень! – mcgrailm

0

Единственный правильный способ сделать это так, чтобы клиент оценил это, погрузившись в элемент HTML CANVAS. Я не думаю, что это было сделано для вашей цели, но я помню, что некоторое время назад я видел, как компания soundmanager api экспериментировала с 360 ползунками в холсте для поиска временных кругов звука на своем плеере.

+0

Это идея, но у меня нет времени или энергии, чтобы написать этот код. Мне просто нужно пойти с горизонтальный или вертикальный слайдер. Я удивлен, что слайдер jquery-ui не имеет опции круга – mcgrailm

0

Я знаю, что это очень поздний ответ, но я надеюсь, что это будет полезно для будущих пользователей.

Плагин jQuery roundSlider - идеальный плагин для вашего требования.

Этот круглый патрон имеет аналогичные варианты, такие как слайдер jQuery ui. Он поддерживает стандартные, минимальные и диапазонные диапазоны. Не только круглый слайдер, он также поддерживает различные circle shapes, такие как формы четверти, половины и кругового круга.

Для получения дополнительной информации проверьте страницу demos и documentation.

Пожалуйста, проверьте демо-версию с jsFiddle.

Скриншот Выход:

default round slider - jQuery plugin min-range round slider - jQuery plugin range round slider - jQuery plugin