Jquery ui slider от большего к меньшему?

Question

[Илья]

В плагине Jquery ui slider можно сделать ползунок от меньшего к большему значению например:

$(".polzunok-2").slider({
    min: 0,
    max: 500,
    value: 200,
    range: "min",
    animate: "fast",
    slide : function(event, ui) {    
        $(".polzunok-2 span").html("<b>&lt;</b>" + ui.value + "<b>&gt;</b>");        
    }    
});

а как сделать чтобы слева было например число 100 а справа 0
и при движении ползунка вправо значение уменьшалось?

Заранее спасибо!

Answer 1

[0xD34F]

Пересчитывайте значение при выводе:

<div id="slider"></div>
<div id="value"></div>

const min = 100;
const max = 500;

$('#slider').slider({
  min,
  max,
  value: min + Math.random() * (max - min) | 0,
  range: 'min',
  animate: 'fast',
  slide: (e, ui) => $('#value').html(max - ui.value + min),
});

Comments

[Илья]

Премного благодарен! Если не затруднит не подскажете возможно ли отобразить на слайдере диапазон значений? как линейка

1 2 3 4 5 6 7 8 9 10
думаю вы поняли о чем я, спасибо!

[0xD34F]

Илья, нет, такой возможности не предусмотрено. Поищите какие-нибудь расширения, реализующие данный функционал, уверен, они есть.