2010-02-05 7 views
2

Я ищу для создания элемента управления, который представляет собой комбинацию jquery ui progressbar и slider. То, что мне действительно нужно, это точно как range slider, за исключением того, что max не должен иметь ручку и не должен перемещаться пользователем. Я хочу реализовать что-то вроде буферизованного управления воспроизведением, где «fill» - это максимальная сумма буферизации, а ручка ползунка показывает текущую позицию.jQuery UI - слайдер + прогрессивный эффект

Прежде, чем я начну беспорядок с помощью кода слайдера, мне было интересно, есть ли у кого-нибудь предложения о том, как я мог бы реализовать это без каких-либо пользовательских изменений. Одна идея, которая приходит на ум, но я не знаю, как ее реализовать, заключается в наложении range with fixed minimum slider (и скрытого дескриптора) поверх обычного ползунка. Я могу поместить эти бок о бок или выше/ниже, но я не знаю HTML/CSS достаточно хорошо, чтобы снять эффект «наложения». Любые идеи о том, как это сделать, тоже помогут.

Спасибо!

ответ

6

Я подготовил небольшой патч к виджету слайдера для ограничений. Вот демо поведения я верю, что вы ищете:

http://devsandbox.nfshost.com/js/jquery-ui/development-bundle/demos/slider/constraints.html

Вот исправленный файл:

http://devsandbox.nfshost.com/js/jquery-ui/development-bundle/ui/ui.slider.js

+0

вы удивительным. Мне жаль, что я не смог бы это сделать. ;) – psychotik

+0

Спасибо! Я, кажется, немного мотивирован представителем. : D (Кто-то должен начать создание фирмы, которая просто сводит все к вопросам переполнения стека.) – 2010-02-05 09:03:23

+0

FYI, проект пользовательского интерфейса jQuery отклонил патч. «Вы можете использовать progressbar и slider на одном и том же элементе и получать визуальную обратную связь, тогда вам просто нужно будет использовать ограничения, используя событие слайда». – 2011-03-03 00:47:42

Смежные вопросы