范围滑块自定义范围集

Question

• 我正在尝试创建定价滑块。我正在使用基础范围滑块。此滑块将告诉您每月产品的成本，具体取决于用户数量。我在滑块下面有一个图像，其中包含一个用户数量的缩放。

• 我想自定义每个范围项。因此，当你超过25个用户时，它会说125美元。我会对每一个进行调整，最后一个会说“给我们打电话”。

• 我如何做到这一点？我是否在数据选项中添加了值？

http://stage.appdataroom.com/pricing/我已经粘贴了我现在的代码。

<div class="row">
<div class="small-12 centered-text" style="font-size:4rem;padding-bottom:20px;">
<span>$</span><span id="sliderOutput3"></span><span>/month</span>
</div>
<div class="small-12 columns">
<div class="range-slider" data-slider data-options="start: 125; end: 1125; step: 20;display_selector: #sliderOutput3;">
<span class="range-slider-handle" role="slider" tabindex="0"></span>

</div>

</div>
<div class="small-12 columns">
<img src="http://stage.appdataroom.com/wp-content/uploads/2014/10/pricing_ticker.png"/>
</div>

</div>    

谢谢，

伊恩