getting ready

1 files changed, 83 insertions, 0 deletions

diff --git a/frontend/imgrid/js/sliders.js b/frontend/imgrid/js/sliders.js
new file mode 100755
index 0000000..ef76b03
--- /dev/null
+++ b/frontend/imgrid/js/sliders.js
@@ -0,0 +1,83 @@
+  $(function() {
+    $( "#line-thickness-slider" ).slider({
+      value:1,
+      min: 0,
+      max: 300,
+      step: 1,
+      slide: function( event, ui ) {
+        $( "#line-thickness" ).val(ui.value);
+            }
+        });
+    $( "#line-thickness" ).val( $( "#line-thickness-slider" ).slider( "value" ) );
+    $( "#opacity-slider" ).slider({
+      value:1,
+      min: 0,
+      max: 1,
+      step: .1,
+      slide: function( event, ui ) {
+        $( "#line-opacity" ).val(ui.value);
+            }
+        });
+    $( "#line-opacity" ).val( $( "#opacity-slider" ).slider( "value" ) );
+    $( "#spacing-slider" ).slider({
+      value:10,
+      min: 1,
+      max: 400,
+      step: 1,
+      slide: function( event, ui ) {
+        $( "#line-spacing" ).val(ui.value);
+      }
+        });
+    $( "#line-spacing" ).val( $( "#spacing-slider" ).slider( "value" ) );
+
+    $( "#swingslider" ).slider({
+      value:0,
+      min: -180,
+      max: 180,
+      step: 1,
+      slide: function( event, ui ) {
+        $( "#swing" ).val(ui.value);
+      }
+        });
+    $( "#swing" ).val( $( "#swingslider" ).slider( "value" ) );
+
+    $( "#tiltslider" ).slider({
+      value:0,
+      min: -180,
+      max: 180,
+      step: 1,
+      slide: function( event, ui ) {
+        $( "#tilt" ).val(ui.value);
+                }
+          });
+    $( "#tilt" ).val( $( "#tiltslider" ).slider( "value" ) );
+
+    $( "#rollslider" ).slider({
+      value:0,
+      min: -180,
+      max: 180,
+      step: 1,
+      slide: function( event, ui ) {
+        $( "#roll" ).val(ui.value);
+          }
+        });
+    $( "#roll" ).val($( "#rollslider" ).slider( "value" ) );
+
+    $( "#zoomslider" ).slider({
+      value: 0,
+      min: -50,
+      max: 50,
+      step: .05,
+      slide: function( event, ui ) {
+				thevalue = (ui.value/4).toFixed(2);
+				if (thevalue <= 1 && thevalue >= -1)
+					{
+					thevalue = 0;
+					}
+        $( "#zoom" ).val(thevalue);
+        		}
+				});
+    $( "#zoom" ).val($( "#zoomslider" ).slider( "value" ) );
+    });
+//end sliders jquery
+