JqueryUI Slider, скользящий div с шагом

Я хочу использовать ползунок jqueryUI (сдвигать с шагом) и сделать для него ползунок div.

Я нашел это: http://net.tutsplus.com/tutorials/javascript-ajax/making-a-content-slider-with-jquery-ui/

Но я хочу то же самое, но с инкрементами. Любая помощь приветствуется :)


person campolar    schedule 30.12.2010    source источник


Ответы (1)


В настройках просто установите max на что-то меньшее, чтобы прокрутка имела большие скачки

$("#myslider").slider({max: 5});

Это, например, сделало бы его таким, чтобы было только 6 приращений к прокрутке.

Я бы предложил либо установить значение процедурно (для динамического содержимого), либо поэкспериментировать со значением (для статического содержимого), чтобы каждое приращение показывало что-то конкретное (т. е. оно не прокручивалось до точки между двумя изображениями).

Также может быть проще просто сопоставить каждое значение ползунка с какой-то отдельной вещью, которую вы хотели бы показать. Это будет похоже на демонстрацию пользовательского интерфейса jQuery, которая управляет вкладками с помощью ползунка (http://jqueryui.com/demos/slider/#tabs). Вы также можете легко сделать это сопоставление процедурно.

person Spain Train    schedule 28.03.2011