adaptive

index.html

@@ -451,8 +451,7 @@
               <div id="c10-image-wrapper" >
                 Loading...
               </div>
-              <input name="c10" class="slider is-full-width is-large is-info"
-                id="interpolation-slider"
+              <input name="c10" class="slider is-full-width is-large is-info interpolation-slider"
                 step="1" min="0" max="6" value="0" type="range">
               <label for="interpolation-slider"><strong>Perturbation Budget &Epsilon;</strong> from 2/255 to 128/255</label>
             </div>

static/js/index.js

@@ -91,12 +91,12 @@ $(document).ready(function() {
     }, false);*/
     preloadInterpolationImages();
 
-    $('#interpolation-slider').on('input', function(event) {
+    $('.interpolation-slider').on('input', function(event) {
       console.log(this.name)
       setInterpolationImage(this.name, this.value);
     });
     setInterpolationImage(0);
-    $('#interpolation-slider').prop('max', NUM_INTERP_FRAMES - 1);
+    $('.interpolation-slider').prop('max', NUM_INTERP_FRAMES - 1);
 
     bulmaSlider.attach();