JqueryUI Slider, слайд div с шагом

Question

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

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

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

Answer 1

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

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

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

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

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