show exact slider values for better fine tuning

This commit is contained in:
Georg Fischer
2013-09-20 20:50:27 +02:00
parent c497b9fb87
commit f4aa6dc224
3 changed files with 20 additions and 4 deletions
+4 -4
View File
@@ -13,19 +13,19 @@
</article>
<div class="content" id="controls">
<div class="control-wrapper">
<label class="control-label" for="amount">glitch amount</label>
<label class="control-label" for="amount">glitch amount <span class="control-slider-value"></span></label>
<input class="control-input" type="range" id="amount" min="0" max="100" value="50" />
</div>
<div class="control-wrapper">
<label class="control-label" for="seed">seed</label>
<label class="control-label" for="seed">seed <span class="control-slider-value"></span></label>
<input class="control-input" type="range" id="seed" min="0" max="100" value="50" />
</div>
<div class="control-wrapper">
<label class="control-label" for="iterations">iterations</label>
<label class="control-label" for="iterations">iterations <span class="control-slider-value"></span></label>
<input class="control-input" type="range" id="iterations" min="1" max="50" value="5" />
</div>
<div class="control-wrapper">
<label class="control-label" for="quality">jpg quality</label>
<label class="control-label" for="quality">jpg quality <span class="control-slider-value"></span></label>
<input class="control-input" type="range" id="quality" min="1" max="90" value="50" />
</div>
</div>