1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
|
<?php sect('soft-limits'); ?>
<h1>Soft limits</h1>
<section>
<div class="view">
<p>To disable the edges of a slider, the set event can be used to reset the value if a limit is passed. Note how the handle 'bounces back' when it is released below <code>20</code> or above <code>80</code>. noUiSlider also supports disabling edges altogether, which can be done using the <a href="../slider-options/#section-padding">padding option</a>.</p>
<div class="example">
<div id="soft"></div>
<?php run('slider-soft-setup'); ?>
<?php run('slider-soft'); ?>
</div>
</div>
<div class="side">
<div class="viewer-header">Setting up the slider</div>
<div class="viewer-content">
<?php code('slider-soft-setup'); ?>
</div>
<div class="viewer-header">Resetting using the <code>change</code> event</div>
<div class="viewer-content">
<?php code('slider-soft'); ?>
</div>
</div>
</section>
|
