diff options
| author | yo mama <pepper@scannerjammer.com> | 2015-09-22 00:51:40 -0700 |
|---|---|---|
| committer | yo mama <pepper@scannerjammer.com> | 2015-09-22 00:51:40 -0700 |
| commit | d3e7b5708deffbed864c916de22663f48333c58b (patch) | |
| tree | ef76784a7827baff88c03670bf22832a3f146b17 /share/frontend/imgrid/js/sliders.js | |
| parent | 86c79f4372d7b2e7640a26473c7a4d331cdf7d16 (diff) | |
finishing server
Diffstat (limited to 'share/frontend/imgrid/js/sliders.js')
| -rwxr-xr-x | share/frontend/imgrid/js/sliders.js | 83 |
1 files changed, 83 insertions, 0 deletions
diff --git a/share/frontend/imgrid/js/sliders.js b/share/frontend/imgrid/js/sliders.js new file mode 100755 index 0000000..ef76b03 --- /dev/null +++ b/share/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 + |
